免费的商用字体

  1. 思源黑体
  2. 黑体
  3. 宋体
  4. 微软雅黑

网页字体

  1. .font {
  2.   font-family: "jetbrains mono", adobe-clean, PingFang SC, SimSun, Heiti SC Light, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  3. }

用逗号，分隔出了一个个的字体

Noto Sans SC

Noto Sans Simplified Chinese 的缩写，是 Google Fonts 上的第一个简体中文字体，包含 6 个字重——Thin、Light、Regular、Medium、Bold、Black
Noto Sans SC 支持教育部于 2013 年颁布的《通用规范汉字表》里规定的所有 8105 个汉字，是 Noto Sans CJK 全集中包含的汉字的子集

-apple-system & blinkmacsystemfont

-apple-system 是在以 WebKit 为内核的浏览器中，例如苹果的 Safari 浏览器，
调用 Apple 系统（iOS, iPadOS, macOS, watchOS, tvOS）中默认的字体，
通常情况下英文字体是 San Francisco，中文是苹方；

-apple-system 字体，缺少对 Chrome 浏览器的支持，因此需要用到另一款字体，BlinkMacSystemFont 是在 Chrome 中实现调用 Apple 的系统字体

Segoe UI

随着 Windows Vista 系统推出而发布的英文无衬线字体，Segoe UI 字体利用了 ClearType 显示技术的优势，比原来的 Windows XP 系统自带的 Tahoma 字体更加现代化

googlefonts

https://www.googlefonts.cn/
网络字体服务，不想受限于电脑本地字体
只要在网页（CSS）中指定一款在线字体，就可以做到在任何平台随意使用你所喜欢的字体
image.png

代码字体

  1. .code {
  2.   font-family: "jetbrains mono", Menlo, Monaco,  SFMono-Regular, Consolas, "Liberation Mono", "Courier New", monospace;
  3. }