Typography

San Francisco (SF) is the CarPlay system typeface. Use SF Pro Text for text 19 points or smaller, and SF Pro Display for text 20 points or larger. When you use San Francisco for text in labels and other interface elements, CarPlay automatically applies the most appropriate variant based on the point size. Download both variants here.

An illustration showing the font SF Pro Display at point sizes 20 points and larger, and SF Pro Text at point sizes 19 points and smaller.

Minimize text. Reading lots of text on a car’s built-in screen is distracting. Seriously consider how much text your app must really display and see what you can communicate with imagery instead.

Emphasize important information. Use font weight, size, and color to highlight the most important information in your app.

Avoid custom fonts. San Francisco is optimized for legibility, which is critically important while driving.

Use built-in text styles whenever possible. These built-in text styles use the system typeface and let you express content in ways that are visually distinct, while retaining optimal legibility.

Title 1

Title 2

Title 3

Headline

Body

Callout

Subhead

Footnote

Caption 1

Caption 2

Use the Body text style for primary content. Use the Subhead and Footnote text styles for labels and secondary content.

Font Usage and Tracking

When you use San Francisco for text in labels and other interface elements, CarPlay automatically applies the most appropriate tracking (the spacing between letters) value based on the size of the text.

iOS uses San Francisco as the system font for Latin, Greek and Cyrillic alphabets, and a variety of other typefaces for other scripts.

Use the correct variant in interface mockups. Use SF Pro Text for text 19 points or smaller. Use SF Pro Display for text 20 points or larger. Adjust tracking appropriately, according to the following charts:

SF Pro Text

Size (Points) Tracking (1/1000em)
11 +6
12 0
13 -6
14 -11
15 -16
16 -20
17 -24
18 -25

SF Pro Display

Size (Points) Tracking (1/1000em)
20 +19
22 +16
28 +13
32 +12
36 +11
50 +7
64 +3
80 and up 0

Not all apps express tracking values as 1/1000em. Point size based on image resolution of 144ppi for @2x and 216ppi for @3x designs.