I wasn't able to find the new font options in the prerelease docs yet but Session 804 (2015) covers most of this. This will pick Helvetica when -apple-system is undefined, and San Francisco on iOS 9. System font Document-based app support Downloadable. For the SF font, there's a Display cut and a Text cut, where Display is intended for larger sizes. Use font-family: -apple-system,HelveticaNeue. Additional fonts are available for download on each platform or through document-based apps. I believe we want to encourage use of font families so that the OS picks the appropriate font for the given size. One example is the monospaced digits options - with the new SF font, digits are no longer monospaced (instead they are naturally spaced so that '1' is thinner than '5' for example), but for UI elements like incrementing counters you want the monospaced digits.Īnd of course there's the font name vs. I haven't tested it but I believe that these options are configured when you call but aren't when you create a new UIFont with the same family.Īdditionally we'll want to expose these new options to JS.

No meetup in your city We can help you start one. This includes options like how colons are formatted in timestamps - when rendering 9:45AM, the colon should be vertically raised. Join over 4,000 developers who are part of our meetups across 9 locations including New York City, San Francisco, Los Angeles, Tel Aviv-Yafo, and Sydney. I think we want the notion of a system font for a given size, which includes the font name and other typographical defaults that Apple has configured.

San francisco font family react native