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

Question

CSS 中font-family 中的ui-sans-serif 和sans-serif 字体有什么区别？和 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是通用字体，是不是一直都匹配，后面就不用加什么字体了？

Answer 1

ui- 泛型应该映射到系统的默认字体，而非ui- 泛型应该映射到浏览器的默认字体。

一个网络浏览器可能为所有平台设置相同的默认字体，但是不同的平台确实有不同的默认字体。