如何在iOS 13上在网页内容中使用纽约字体？

Question

苹果公司发布了一款新字体，New York，随iOS 13一同发布。是否可以像使用 -apple-system 显示旧金山字体那样，在网页CSS中设置该字体？

- Tom Hamming

Answer 1

尝试

font-family: -apple-system-ui-serif, ui-serif;

https://www.w3.org/TR/css-fonts-4/#ui-serif-def

- Juanito Fatas

---

截至2020年3月6日，ui-serif关键字及其苹果特定的等效关键字尚未在WebKit中实现：https://trac.webkit.org/browser/webkit/trunk/Source/WebCore/css/CSSValueKeywords.in - fumoboy007

这个现在已经在Safari中实现了！https://webkit.org/blog/10247/new-webkit-features-in-safari-13-1/ - Ethan

Answer 2

我可以使用以下方法引用我的 MacBook 上的字体：

.NewYork-Regular
.NewYork-Bold
.NewYork-Medium
.NewYork-RegularItalic
.NewYork-BoldItalic
.NewYork-MediumItalic

可能还有其他的字体，但这些是我用过的唯一有效的。在测试之前，我确实从它们开发者页面安装了字体，但不确定是否需要 - 它可能已经包含在Catalina中。我不确定名称如何映射到字体 - 我的系统显示NewYorkExtraLarge，NewYorkLarge，NewYorkMedium和NewYorkSmall，而文件名（我能找到的）是NewYork.ttf和NewYorkItalic.ttf - 可能还有其他的。

我也在最新版的iOS模拟器中尝试了同样的事情，但它们都不起作用。

- Jack Humbert