如何在网页上使用Apple的新旧金山字体?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (28)

想在网站上使用新的旧金山字体试过:

font: 'San Francisco', Helvetica, Arial, san-serif;
提问于
用户回答回答于

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/

用户回答回答于

BlinkMacSystemFont是Chrome的相应替代品。

font-family: -apple-system, BlinkMacSystemFont, sans-serif;

扫码关注云+社区