Awesome Font
- 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-fonts
- Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts
- Inter typeface family
- Google fonts
- https://fonts.bunny.net/
- PL - PowerLine
- codingfont
- Index
- fontsource/fontsource
- https://fontsource.org/
- Self-host Open Source fonts in neatly bundled NPM packages.
- https://github.com/jaywcjlove/free-font
- fontsource/fontsource
- 阿里巴巴普惠体
- Montserrat
- Coding
- microsoft/cascadia-code
- 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:1 宽完美对齐 |
| HT | Hinted | 低分辨率 (<=1080P) 渲染更加均匀 (可能会导致字体在高分辨率屏幕上的渲染略微模糊) |
| NL | No Ligatures | 不使用连字 |
# macOS 查看系统字体
fc-list : file family
fc-list : family
Code
- Fira Code
- 字体饱满,需要更大屏幕空间
- 适用于 IDE - 字号较大,同屏文字少
- 基于 Mozilla Fira Mono
- JetBrains Mono
- 接近 Consolas,强调阅读的流畅感,兼顾辨识度
- 适用于 文本编辑器 - 字号较小,同屏文字多
- Cascadia Code
- 辨识度强,大小写区分感强,符号区分感强
- 适用于 命令行 - 每行文字较多,需要强调行距感
- 来自微软
- be5invis/Iosevka
- sans-serif + slab-serif, monospace + quasi‑proportional
- Iosevka
- Menlo
- 会连 fi - 导致代码视觉上未对齐
Monospace
写代码推荐 等宽黑体字体
- 等宽字体
- 中文:英文 = 2:1
- lxgw/LxgwWenKai
- LXGW WenKai Mono
- subframe7536/maple-font
- Maple Mono
- be5invis/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-cn
Emoji
- https://icones.js.org/
- googlefonts/noto-emoji
- microsoft/fluentui-emoji
- Note 黑白 Emoji https://fonts.google.com/noto/specimen/Noto+Emoji
- hfg-gmuend/openmoji
- twitter/twemoji
- https://emojipedia.org/
- Full Emoji List
- emoji-cheat-sheet
- https://tikolu.net/emojimix/
- https://joypixels.com/fonts
Pixel
tip
像素字体优先确认授权、目标字号和 CJK 覆盖。Bitmap 字体通常只在设计字号附近最清晰,放大/缩小时容易糊或比例不稳;用于 Web/UI 时优先选有 TTF/OTF/WOFF 的版本。
| 字体 | size | license | 用途 | 说明 |
|---|---|---|---|---|
| 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,面向长时间使用电脑设计,清晰硬朗。 |
| 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 默认字体。 |
| Tamzen / Tamsyn | 5×9、6×12、7×13、8×15、10×20 等 | 自由授权 | 终端 / 极简清晰 | Tamzen 是 Tamsyn 的 fork,面向编程使用,crisp、紧凑,适合 X11 / bitmap 字体环境。 |
| scientifica | 约 4px 宽字符 | OFL-1.1 | 低 DPI / 超紧凑编程 | tall、condensed 的 bitmap font,适合 90–120 DPI 屏和想在小空间显示更多代码的环境。 |
| Departure Mono | 11px increments | OFL-1.1 | 复古科技感终端 / UI | lo-fi technical vibe 的 monospaced pixel font,适合复古命令行、sci-fi UI、展示型 code block。 |
| Ark Pixel Font | 10px、12px、16px | OFL-1.1 / MIT | 小尺寸 UI / 游戏 | 开源泛中日韩像素字体,黑体风格,适合像素游戏 UI、中文界面;项目仍在积极开发,汉字覆盖仍有缺口。 |
| Fusion Pixel Font | 8px、10px、12px | OFL-1.1 / MIT | CJK 小字号过渡方案 | 方舟像素字体的临时性过渡方案,由多个像素字体合并而成,适合需要 8/10/12px 泛中日韩覆盖的场景。 |
| Zpix | 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 场景。 |
| PixelMplus / 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
- https://fonts.google.com/specimen/Roboto+Flex
- 有 10+ 可变维度
- https://fonts.google.com/knowledge/introducing_type/introducing_variable_fonts
- https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
- https://variablefonts.typenetwork.com
- https://medium.com/variable-fonts
- https://theblog.adobe.com/can-variable-fonts-illustrator-cc
- https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
- https://developers.google.com/fonts/docs/getting_started
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
- https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts