如何为衬线字体设置css系统字体答案

【问题标题】：How to set css system fonts for serif'd fonts如何为衬线字体设置css系统字体
【发布时间】：2020-01-22 01:38:26
【问题描述】：

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";
}

问题：上面的 sn-p 的匹配衬线版本是什么？

【问题讨论】：

标签： html css fonts typography system-font

【解决方案1】：

操作系统一般不使用这样的衬线字体，除非用户明确设置，所以-apple-system不会有衬线版本，但你可以只使用serif（没有你列出的其他字体) 使用浏览器的默认衬线字体。

【讨论】：