CSS中ui-sans-serif、sans-serif和system-ui通用字体名称有什么区别？

Question

CSS中ui-sans-serif、sans-serif和system-ui通用字体名称有什么区别？

14

在CSS的font-family中，ui-sans-serif和sans-serif字体之间有什么区别？ui-serif和serif呢？ui-monospace和monospace呢？

system-ui在其中扮演了什么角色？你会用它来涵盖所有三种字体吗？它在字体列表中应该放在哪里？

我通常看到“ui-”变体排在CSS的font-family字体列表的开头，其他字体排在最后。类似于font-family: ui-sans-serif，（更多字体），sans-serif。如果第一个匹配的字体将被使用，那么这样做的意义何在？由于ui-sans-serif是一种通用字体，它不总是会被匹配，所以需要添加任何字体吗？

- user779159

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kaiido · Accepted Answer

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

Web浏览器可能在所有平台上都具有相同的默认字体集，但不同平台确实具有不同的默认字体。