Awesome Font
约 4 分钟阅读
标签:资源精选
- Sans Serif - 无衬线字体
- 适用于 UI、网页、文档等
- 字体更简洁,易于阅读
- 例如: Arial, Helvetica, Roboto, Open Sans, Noto Sans, 微软雅黑, 思源黑体
- Serif - 有衬线字体
- 适用于印刷、书籍、报纸等
- 字体更传统,具有装饰性
- 例如: Times New Roman, Georgia, Baskerville, 楷体, 宋体, 仿宋
- Monospace - 等宽字体
- 适用于代码编辑器、终端等
- 每个字符占用相同宽度,便于对齐和阅读
- 例如: Courier New, Consolas, Monaco, Fira Code, JetBrains Mono, Cascadia Code, LXGW WenKai Mono
- Handwriting - 手写体
- 适用于个性化、艺术设计等
- 字体模仿手写风格,具有独特性
- 例如: Pacifico, Dancing Script, Indie Flower, 微软正黑体
- Display - 展示字体
- 适用于标题、标志、广告等
- 字体设计独特,具有视觉冲击力
- 例如: Lobster, Bebas Neue, Playfair Display
- otf,ttf,woff,woff2
- ryanoasis/nerd-fontsGitHubryanoasis/nerd-fonts
- Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts
- Inter typeface family
- rsms/interGitHubrsms/inter
- Google fonts
- fonts.bunny.net
- PL - PowerLine
- codingfont
- Index
- fontsource/fontsourceGitHubfontsource/fontsource
- fontsource.org
- Self-host Open Source fonts in neatly bundled NPM packages.
- jaywcjlove/free-fontGitHubjaywcjlove/free-font
- fontsource/fontsourceGitHubfontsource/fontsource
- 阿里巴巴普惠体
- Montserrat
- Coding
- microsoft/cascadia-codeGitHubmicrosoft/cascadia-code
- source-code-proGitHubadobe-fonts/source-code-pro
- Source Code Pro
- Icon
- Source Han Sans - 思源黑体
- Adobe 和 Google 联合开发的开源字体
- 参考
| abbr. | stand for | meaning |
|---|---|---|
| Mono | 等宽字体 | |
| NF | Nerd Font | 包含图标, 开发工具、命令行终端、代码编辑器 |
| CN | Chinese | 中文字体 |
| CL | Classical orthography | 古典正体 |
| SF | Slab-serif | 厚边字体 |
| QP | Quasi-proportional | 准比例字体 |
| NR | CN Narrow | 缩小中日字体间距, 中英文 / 日英文 不再 2 宽完美对齐 |
| HT | Hinted | 低分辨率 (<=1080P) 渲染更加均匀 (可能会导致字体在高分辨率屏幕上的渲染略微模糊) |
| NL | No Ligatures | 不使用连字 |
# macOS 查看系统字体
fc-list : file family
fc-list : familyCode
- Fira CodeGitHubtonsky/FiraCode
- 字体饱满,需要更大屏幕空间
- 适用于 IDE - 字号较大,同屏文字少
- 基于 Mozilla Fira Mono
- JetBrains MonoGitHubJetBrains/JetBrainsMono
- 接近 Consolas,强调阅读的流畅感,兼顾辨识度
- 适用于 文本编辑器 - 字号较小,同屏文字多
- Cascadia CodeGitHubmicrosoft/cascadia-code
- 辨识度强,大小写区分感强,符号区分感强
- 适用于 命令行 - 每行文字较多,需要强调行距感
- 来自微软
- be5invis/IosevkaGitHubbe5invis/Iosevka
- sans-serif + slab-serif, monospace + quasi‑proportional
- Iosevka
- Menlo
- 会连 fi - 导致代码视觉上未对齐
Monospace
写代码推荐 等宽黑体字体
- 等宽字体
- 中文 = 2
- lxgw/LxgwWenKaiGitHublxgw/LxgwWenKai
- LXGW WenKai Mono
- subframe7536/maple-fontGitHubsubframe7536/maple-font
- Maple Mono
- be5invis/Sarasa-GothicGitHubbe5invis/Sarasa-Gothic
- Sarasa Gothic = Inter + Iosevka + Source Han Sans
- Sarasa Mono SC
- 更纱黑体
- 比 Maple Mono 窄一点
- Ubuntu Mono
- Inconsolata
- Iosevka
- Noto Sans Mono ExtraCondensed
- 中易宋体
- 中易黑体
- M+ 1m/2m/1mn
- 文泉驿等宽正黑
- 思源黑体HW
- Noto Sans CJK Mono
- Nanum Gothic Coding
- D2 Coding
- Fixedsys
- Xanh Mono
- Input Mono Compressed
- monofur
- MS Gothic
# Sarasa Mono SC
brew install font-sarasa-gothic
# LXGW WenKai Mono
brew install font-lxgw-wenkai
# Maple Mono
# Maple Mono NF
# Maple Mono NF CN
brew install --cask font-maple-mono
brew install --cask font-maple-mono-nf
brew install --cask font-maple-mono-nf-cnEmoji
- icones.js.org
- googlefonts/noto-emojiGitHubgooglefonts/noto-emoji
- microsoft/fluentui-emojiGitHubmicrosoft/fluentui-emojiEmoji Cheat Sheet · Complete list of github markdown emoji markup · https://unicode.org/emoji/charts/full-emoji-list.html笔记:Emoji
- Note 黑白 Emoji fonts.google.com/noto/specimen/Noto+Emoji
- hfg-gmuend/openmojiGitHubhfg-gmuend/openmoji
- CC BY-SA 4.0 #155GitHub Issuehfg-gmuend/openmoji#155
- BY - 要求申明出处
- SA - 保护修改 - 修改需要开放
- 所有 openmoji
- HNHacker NewsHacker News #28403672Hacker News
- CC BY-SA 4.0 #155GitHub Issuehfg-gmuend/openmoji#155
- twitter/twemojiGitHubtwitter/twemoji
- emojipedia.org
- Full Emoji List
- emoji-cheat-sheet
- tikolu.net/emojimix
- joypixels.com/fonts
Pixel
像素字体优先确认授权、目标字号和 CJK 覆盖。Bitmap 字体通常只在设计字号附近最清晰,放大/缩小时容易糊或比例不稳;用于 Web/UI 时优先选有 TTF/OTF/WOFF 的版本。
| 字体 | size | license | 用途 | 说明 |
|---|---|---|---|---|
| CozetteGitHubthe-moonwitch/Cozette | 6×13 | MIT | 终端 / 编程 | 适合 terminal / editor 的 cozy bitmap programming font,小字号可读性好,也有 vector 版本方便现代系统使用。 |
| Terminus | 6×12、8×14、8×16、10×20 等 | OFL-1.1 | 终端 / 低 DPI 屏 | 老牌 fixed-width bitmap font,面向长时间使用电脑设计,清晰硬朗。 |
| SpleenGitHubfcambus/spleen | 5×8、6×12、8×16、12×24、16×32、32×64 | BSD-2-Clause | 终端 / console / framebuffer | 多尺寸 monospaced bitmap font,提供 BDF、PCF、PSF、OTB、OTF、WOFF/WOFF2 等格式;OpenBSD console 默认字体。 |
| TamzenGitHubsunaku/tamzen-font / Tamsyn | 5×9、6×12、7×13、8×15、10×20 等 | 自由授权 | 终端 / 极简清晰 | Tamzen 是 Tamsyn 的 fork,面向编程使用,crisp、紧凑,适合 X11 / bitmap 字体环境。 |
| scientificaGitHuboppiliappan/scientifica | 约 4px 宽字符 | OFL-1.1 | 低 DPI / 超紧凑编程 | tall、condensed 的 bitmap font,适合 90–120 DPI 屏和想在小空间显示更多代码的环境。 |
| Departure MonoGitHubrektdeckard/departure-mono | 11px increments | OFL-1.1 | 复古科技感终端 / UI | lo-fi technical vibe 的 monospaced pixel font,适合复古命令行、sci-fi UI、展示型 code block。 |
| Ark Pixel FontGitHubTakWolf/ark-pixel-font | 10px、12px、16px | OFL-1.1 / MIT | 小尺寸 UI / 游戏 | 开源泛中日韩像素字体,黑体风格,适合像素游戏 UI、中文界面;项目仍在积极开发,汉字覆盖仍有缺口。 |
| Fusion Pixel FontGitHubTakWolf/fusion-pixel-font | 8px、10px、12px | OFL-1.1 / MIT | CJK 小字号过渡方案 | 方舟像素字体的临时性过渡方案,由多个像素字体合并而成,适合需要 8/10/12px 泛中日韩覆盖的场景。 |
| ZpixGitHubSolidZORO/zpix-pixel-font | 12px | 个人/教育免费,商业需授权 | 中文像素风 | 支持英文、简中、繁中、日文,12px 风格明显,适合中文像素 UI。 |
| Vonwaon Bitmap | 12px、16px | CC0 1.0 | 中文像素游戏 | 中文像素字体,公共领域授权,适合游戏、嵌入式、开源项目。 |
| GNU Unifont | 8×16、16×16 | OFL-1.1 / GPL-2.0+ with font embedding exception | CJK fallback | 覆盖极广的 Unicode 双宽 monochrome font,适合“至少能显示出来”的 fallback 场景。 |
| PixelMplusGitHub Filenanoeru/fondot/PixelMplus-20130602 / JF Dot 系列 | 10px、12px 等 | M+ FONT LICENSE | 复古日系 / 小游戏 | 日文像素字体里常见,适合 RPG、复古 UI、小游戏。 |
Unicode
- GNOME/gucharmap
- Unicode Character Map
- ufas UNICODE FONTS FOR ANCIENT SCRIPTS
variable fonts
- font-variation-settings
- wght - weight
- wdth - width
- slnt - slant
- ital - italic
- opsz - optical size
- e.g.
- Noto
- Roboto
- fonts.google.com/specimen/Roboto+Flex
- 有 10+ 可变维度
- fonts.google.com/knowledge/introducing_type/introducing_variable_fonts
- developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
- variablefonts.typenetwork.com
- medium.com/variable-fonts
- developers.google.com/fonts/docs/getting_started
- developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
- developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
font glyph
关联信息
反向链接和本文引用的外部资料。
References
GitHub
30 条- microsoft/cascadia-codegithub.com/microsoft/cascadia-code
- ryanoasis/nerd-fontsgithub.com/ryanoasis/nerd-fonts
- adobe-fonts/source-code-progithub.com/adobe-fonts/source-code-pro
- allanguys/font-spider-plusgithub.com/allanguys/font-spider-plus
- be5invis/Iosevkagithub.com/be5invis/Iosevka
- be5invis/Sarasa-Gothicgithub.com/be5invis/Sarasa-Gothic
- fcambus/spleengithub.com/fcambus/spleen
- fontsource/fontsourcegithub.com/fontsource/fontsource
另有 22 个未显示 references。
Hacker News
1 条- Hacker News #28403672HN #28403672
其他外链
33 条- chinese-font.netlify.appchinese-font.netlify.app/
- developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fontsdeveloper.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
- developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guidedeveloper.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
- developers.google.com/fonts/docs/getting_starteddevelopers.google.com/fonts/docs/getting_started
- developers.google.com/web/fundamentals/design-and-ux/typography/variable-fontsdevelopers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
- developers.googleblog.com/2022/04/what-is-black-and-white-and-read-all.htmldevelopers.googleblog.com/2022/04/what-is-black-and-white-and-read-all.html
- dn-works.com/ufasdn-works.com/ufas
- emojipedia.orgemojipedia.org/
另有 25 个未显示 references。
另有 47 个 references 未显示。