Typography

San Francisco is the system font on Apple TV. There are two variants of this font, both of which were designed for high legibility on a big screen: SF Pro Text and SF Pro Display.

When you use the system font for text in labels and other interface elements, Apple TV automatically applies the most appropriate font variant based on the point size. It also switches fonts automatically as needed and respects accessibility settings.

tvOS uses San Francisco as the system font for Latin, Greek and Cyrillic alphabets, and a variety of other typefaces for other scripts.
In tvOS 10, the San Francisco variants were SF UI Text and SF UI Display.

Minimize text. Show, don’t tell. Reading lots of text on a screen across the room strains the eyes and isn’t much fun. Seriously consider how much text your app really needs to show and see what you can communicate with images or an animation instead. If you use images, be sure to provide alternative text that VoiceOver can use to describe the imagery to people with visual impairments.

Choose the appropriate system font at design time. Above all, text must be legible at a distance. Use San Francisco Text for text 39 points or smaller. San Francisco Display is a better choice for text 40 points or larger.

Use built-in text styles whenever possible. The built-in text styles let you express content in ways that are visually distinct, while retaining optimal legibility. These styles are based on the system fonts and allow you to take advantage of key typographic features, such as Dynamic Type, which automatically adjusts tracking and leading for every font size. Use the Body text style for primary content. Use the Footnote and Caption text styles for labels and secondary content.

Style Weight Point size Leading Tracking
Title 1 Regular 76pt 96pt 11pt
Title 2 Medium 57pt 66pt 13pt
Title 3 Medium 48pt 56pt 15pt
Headline Medium 38pt 46pt -26pt
Callout Medium 31pt 38pt -16pt
Body Medium 29pt 36pt -13pt
Subhead Medium 29pt 36pt -13pt
Footnote Regular 29pt 36pt -13pt
Caption 1 Regular 25pt 32pt -3pt
Caption 2 Medium 23pt 30pt 3pt

Make sure custom fonts are legible at a distance. Custom typefaces are supported on Apple TV, but can be tough to read at a distance, especially if they’re too thin. Unless your app has a compelling need for a custom font, such as for branding purposes or to create an immersive gaming experience, stick with the system fonts. If you do use a custom font, make sure it’s readable from across the room.

Implement accessibility features for custom fonts. System fonts automatically react to accessibility features, such as when bold text is enabled. Apps using custom fonts should implement the same behavior by checking whether accessibility features are enabled and registering for notifications when they change. See Accessibility.

Download the San Francisco fonts here.