Awesome Font
- 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.
- fontsource/fontsource
- 阿里巴巴普惠体
- Montserrat
- 参考
Code
- Fira Code
- 字体饱满，需要更大屏幕空间
- 适用于 IDE - 字号较大，同屏文字少
- 基于 Mozilla Fira Mono
- JetBrains Mono
- 接近 Consolas，强调阅读的流畅感，兼顾辨识度
- 适用于 文本编辑器 - 字号较小，同屏文字多
- Cascadia Code
- 辨识度强，大小写区分感强，符号区分感强
- 适用于 命令行 - 每行文字较多，需要强调行距感
- 来自微软
- Menlo
- 会连 fi - 导致代码视觉上未对齐
- source-code-pro
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
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