为博客或网站配置一个优雅且易读的字体族

通用模板

Consolas,Courier,"Microsoft Yahei","PingFang SC",arial,monospace,sans-serif;

何星星目前使用即是以上字体族，兼顾了 Windows 和 macOS 以及 iOS 平台。

英文字符集：应用 Consolas 和 Courier 等宽字体，其中前者是无衬线，后者则反之。
Windows 平台按顺序最先应用 Consolas 字体；
macOS 和 iOS 平台无 Consolas 字体，跳过后应用 Courier 字体。

中文字符集：应用 Microsoft Yahei 和 PingFang SC 字体；
Windows 平台调用系统默认的 Microsoft Yahei 微软雅黑字体
macOS 和 iOS 平台调用系统默认的 PingFang SC 苹方字体。

常见字体

• Consolas
  经典的代码字体，用于纯英文代码模式的显示；
• Courier
  等宽衬线英文字体，用于代码模式特别优雅且易读，尤其在苹果系统族平台；
• Microsoft Yahei
  Windows 中文版系统默认字体；
• PingFang SC
  macOS 和 iOS 系统字体，英文名为 San Francisco，中文名为苹方；
• Arial
  苹果和 Windows 系统中都有的无衬线英文字体，被誉为最安全的字体；
• monospace
  等同 Courier 样式的等宽衬线英文字体，但在 Windows 平台无法得到最佳体验；
• sans-serif
  无衬线字体，当前面所有字体都缺失时系统自动选用该类字体中的一种；
• -apple-system
  调用苹果系统默认字体；
• system-ui
  系统的默认字体；
• BlinkMacSystemFont
  调用苹果系统默认字体，用于 Mac 的 Chrome，等同 -apple-system；
• Source Sans Pro
  AdobeSystems 设计与发行的无衬线字体，覆盖字符集广泛的开源免费字体；
• Helvetica
  苹果系统旧版本内置的英文字体；
• Segoe UI
  Windows (Vista+) 以及 Windows Phone 的字体；
• Noto Sans CJK
  等同 Source Sans Pro，兼容中日韩的字体族，CJK 即指 Chinese, Japanese, Korean；
• Droid Sans
  安卓系统默认中文字体，除此以外，Droid Sans Fallback 支持中文以及兼容了日文、韩文；
• Roboto
  Android 4.0+ 以及 Chrome OS 字体；
• Ubuntu
  Ubuntu 系统的字体；

外文字体

Consolas,"Ubuntu Mono",Courier,Monaco,Menlo,"Andale Mono","Liberation Mono","Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Hiragino Sans GB",Georgia,Courier,monospace,Sans-Serif;

中文字体

"PingFang SC","Microsoft YaHei","WenQuanYi Micro Hei","WenQuanYi Micro Hei Mono","WenQuanYi Zen Hei","WenQuanYi Zen Hei Mono","Noto Sans CJK SC","Source Han Sans CN","Xingkai SC",STXingkai,SimSun,STHeiti;

安全字体

https://www.w3schools.com/cssref/css_websafe_fonts.php

代码字体

https://www.programmingfonts.org

https://app.programmingfonts.org