如何指定系统默认的serif和sans-serif font-family？

Question

当我十多年前学习 CSS 时，使用“默认字体”（无论这意味着什么）的标准（也是唯一）方法是：

font-family: serif;
font-family: sans-serif;

然后，去年，Apple为其新系统字体添加了自定义语法，如果我没记错的话，Blink 也做了类似的事情。

更了解 CSS 的人能否总结font-family一下当我只想要默认的 sans-serif 或 serif 字体时我的属性应该是什么样子？（我特别不想要 webfonts。）

Answer 1

CSS 字体模块第 4 级草案引入了新的通用字体系列

对于大多数语言和脚本，现有的泛型可以映射到与该脚本相当的东西。这对网络很有用，因此泛型喜欢serif并sans-serif映射到与内容语言无关的合理内容。但是世界各地的排版传统差异很大，许多脚本具有各种常见的字体设计，这些设计不能完全映射到这些现有的泛型中。在跨各种平台使用类似字体的情况下，扩展预定义的 CSS 通用字体系列集以涵盖这些类型样式很有用。

如果您想获得“在目标平台上感觉最不合适的字体”，那就是system-ui：

system-ui 代表给定平台上默认 UI 字体的字体系列