7

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?

Tom Hamming
  • 10,577
  • 11
  • 71
  • 145

2 Answers2

3

Try

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

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

Juanito Fatas
  • 9,419
  • 9
  • 46
  • 70
  • As of 2020-03-06, the `ui-serif` keyword nor its Apple-specific equivalent have not yet been implemented in WebKit: https://trac.webkit.org/browser/webkit/trunk/Source/WebCore/css/CSSValueKeywords.in – fumoboy007 Mar 07 '20 at 06:50
  • This is now implemented in Safari! https://webkit.org/blog/10247/new-webkit-features-in-safari-13-1/ – Ethan Apr 14 '20 at 09:21
0

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.

Jack Humbert
  • 129
  • 2
  • 9