Tencent / weui

A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.
https://weui.io
Other
27.18k stars 6.41k forks source link

为什么 font-family 是 -apple-system-font,而不是 -apple-system ? #759

Closed liuzhuan closed 5 years ago

liuzhuan commented 5 years ago

Using the System Font in Web Content 中,Myles Maxfield 曾提到 font-family: -apple-system; 的写法。它的作用是,在 iOS 9 和 OS X 10.11 中,将使用 Apple 新字体,San Francisco。在其他不支持 -apple-system 的平台,浏览器会自动回退使用字体栈下一个字体。

System Font Stack 中,也有 Github 字体栈的写法:

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

同样是 -apple-system 的字体。

而 WeUI 目前使用的是 font-family: -apple-system-font。这是有其他特殊考虑,还是笔误呢?

uxsi commented 5 years ago

没特殊考虑哈,用-apple-system-font只是一开始看到可用的值,效果和-apple-system一样,类似的还有system-ui之类的,用-apple-system就可以了其实,WeUI也会在下个版本更新。