CSS 中 ui-sans-serif、sans-serif 和 system-ui 通用字体名称之间的区别?

use*_*159 16 css fonts typography webfonts font-face

CSS中的 ui-sans-serif 和 sans-serif 字体有什么区别font-family?ui-serif 与 serif 对比?ui-monospace 与 monospace 对比?

system-ui 在哪里适合这个?您会将它用于所有 3 种类型的字体吗?它会出现在字体列表中的什么位置?

我通常会看到“ui-”变体出现在 CSS 字体列表中的第一个font-family,而另一个变体出现在最后。就像是font-family: ui-sans-serif, (more fonts here), sans-serif。如果使用第一个匹配的字体,那么这样做有什么意义呢?既然 ui-sans-serif 是通用字体,那它不是总是可以匹配的,不需要在后面添加任何字体吗?

Kai*_*ido 16

ui-通用字体应映射到系统的默认字体,而非ui-通用字体应映射到浏览器的默认字体。

网络浏览器可能对所有平台具有相同的默认字体集,但是不同的平台确实具有不同的默认字体。

  • @user779159 默认操作系统字体,无论它是衬线字体、无衬线字体、等宽字体还是其他字体。https://drafts.c​​sswg.org/css-fonts/#system-ui-def (3认同)