首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在网页上使用苹果新的旧金山字体

如何在网页上使用苹果新的旧金山字体
EN

Stack Overflow用户
提问于 2015-09-19 04:46:11
回答 4查看 203.2K关注 0票数 137

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

font: 'San Francisco', Helvetica, Arial, san-serif;

无济于事。我已经尝试了this question的答案,但@font-face不是这里的解决方案。

EN

回答 4

Stack Overflow用户

发布于 2016-04-28 21:35:49

-apple-system允许您在Safari中选择旧金山。BlinkMacSystemFont是Chrome的相应替代品。

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

Roboto或Helvetica Neue甚至可以在sans-serif之前插入作为后备。

https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/#details-of-approach-a (如何或以前的http://furbo.org/2015/07/09/i-left-my-system-fonts-in-san-francisco/做了很好的工作来解释细节。

票数 26
EN

Stack Overflow用户

发布于 2020-05-01 12:37:03

您不能使用直接从数据库提供的Apple系统字体。这违反了许可证,但您可以将其用于高于High Sierra的Mac系统

body 
{
  font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
}

或者,您可以使用以下命令:

font-family: 'BlinkMacSystemFont';
票数 6
EN

Stack Overflow用户

发布于 2015-09-19 04:51:36

苹果公司正在对未来的系统字体进行抽象。此工具使用新的通用家族名称-apple-system。所以像下面这样的东西应该会让你得到你想要的。

body 
{
  font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
}
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32660748

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档