Apple released a new font, New York, with iOS 13. Is it possible to set it in CSS for web content, like using -apple-system
for San Francisco?
2 Answers
-
As of 2020-03-06, the
ui-serif
keyword nor its Apple-specific equivalent have not yet been implemented in WebKit: trac.webkit.org/browser/webkit/trunk/Source/WebCore/css/… Mar 7, 2020 at 6:50 -
This is now implemented in Safari! webkit.org/blog/10247/new-webkit-features-in-safari-13-1– EthanApr 14, 2020 at 9:21
I was able to reference the fonts on my MacBook with these:
.NewYork-Regular
.NewYork-Bold
.NewYork-Medium
.NewYork-RegularItalic
.NewYork-BoldItalic
.NewYork-MediumItalic
Others may exist, but these are the only ones that worked for me. I did install the font from their developer page before testing, but I'm not sure it's needed - it may be included with Catalina. I'm not sure how the names map to the fonts - my system shows NewYorkExtraLarge
, NewYorkLarge
, NewYorkMedium
, and NewYorkSmall
, while the filenames (that I could find) are NewYork.ttf
and NewYorkItalic.ttf
- there may be others, though.
I tried the same thing in the latest iOS simulator, but none of them worked there.