我在旧金山遗忘了我的系统字体
阅读评论
一篇由 Craig Hockenberry 发布的文章,详细介绍了如何在运行 El Capitan 的情况下使用 San Francisco 系统字体作为您的网站字体。
我特别喜欢 Craig 对在使用任何操作系统字体时的新的语法建议,例如在 iOS 中可能是 San Francisco 或 Helvetica Neue,而在 Android 中可能是 Roboto。他建议我们在 font-family
规则中声明一个 system
关键字(尽管这在目前任何浏览器中都不起作用)。
body {
font-family: system, -apple-system,
".SFNSDisplay-Regular", HelveticaNeue, LucidaGrande;
}
能够以标准化的方式做到这一点听起来像是一个好主意。
相关:通过 JavaScript,我们可以确定系统字体 并将其应用。