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

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

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

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

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;

所属标签

可能回答问题的人

  • 天使的炫翼

    15 粉丝531 提问35 回答
  • 旺仔小小鹿

    社区 · 运营 (已认证)

    48 粉丝0 提问27 回答
  • 富有想象力的人

    2 粉丝0 提问26 回答
  • 发条丶魔灵1

    6 粉丝525 提问25 回答

扫码关注云+社区

领取腾讯云代金券