苹果的新系统字体并未公开曝光。苹果已经开始抽象系统字体名称:
这种抽象的动机是让操作系统可以在给定权重下更好地选择使用哪个面。苹果还在研究字体功能,例如可选择的“6”和“9”字形或非等宽数字。我猜测他们也想将这些功能带到网络上。
Safari 和 Firefox 使用 SF-apple-system
; Chrome 识别BlinkMacSystemFont
:
body {
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
还有其他变体:
font-family: -apple-system-body
font-family: -apple-system-headline
font-family: -apple-system-subheadline
font-family: -apple-system-caption1
font-family: -apple-system-caption2
font-family: -apple-system-footnote
font-family: -apple-system-short-body
font-family: -apple-system-short-headline
font-family: -apple-system-short-subheadline
font-family: -apple-system-short-caption1
font-family: -apple-system-short-footnote
font-family: -apple-system-tall-body
您可以在以下小提琴中演示这些;大多数尚不支持:http://jsfiddle.net/v94gw9nx/ http://jsfiddle.net/v94gw9nx/
我从 Craig Hockenberry 的文章中获得了信息,其中有很多有关使用该字体的重要信息:http://furbo.org/2015/07/09/i-left-my-system-fonts-in-san-francisco/ http://furbo.org/2015/07/09/i-left-my-system-fonts-in-san-francisco/
另外,Surfin' Safari 博客上还有一些关于使用抽象系统字体的重要信息:https://www.webkit.org/blog/3709/using-the-system-font-in-web-content/ https://www.webkit.org/blog/3709/using-the-system-font-in-web-content/
显然,Apple 正在与 W3C 合作,以标准化 CSS 中通用“系统”字体名称的使用。https://lists.w3.org/Archives/Public/www-style/2015Jul/0169.html https://lists.w3.org/Archives/Public/www-style/2015Jul/0169.html
下载 SF 字体 .otf 文件供您个人使用:https://developer.apple.com/fonts/ https://developer.apple.com/fonts/