html - 如何为衬线字体设置css系统字体

Question

https://css-tricks.com/snippets/css/system-font-stack/ 找到了这个关于如何利用系统字体的很棒的链接。此示例仅显示无衬线：

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

问题：上面片段的匹配衬线版本是什么？

Answer 1

操作系统通常不使用这样的衬线字体，除非用户明确设置，因此-apple-system不会有衬线版本，但您可以使用serif（没有列出的其他字体）使用浏览器的默认衬线字体。