Typography

San Francisco is the system font on iOS. There are two variants of this font: SF UI Text for text 19 points or smaller, and SF UI Display for text 20 points or larger. When you use the system font for text in labels and other interface elements, iOS automatically applies the most appropriate font variant based on the point size. It also switches fonts automatically as needed and respects accessibility settings. Download the San Francisco fonts here.

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

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

If possible, use a single font. Mixing several different fonts can make your app seem fragmented and sloppy. Consider using one font and just a few styles and sizes.

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. iOS includes the following text styles:

Title 1 Callout
Title 2 Subhead
Title 3 Footnote
Headline Caption 1
Body Caption 2

Make sure custom fonts are legible. Custom typefaces are supported on iOS, but are often tough to read. 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.

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.

Dynamic Type Sizes

Both variants of the SF UI typeface were designed to be highly legible at both small and large sizes. Dynamic Type provides additional flexibility by letting readers choose their preferred text size.

  • xSmall

    Style Weight Point size Leading Tracking
    Title 1 Light 25pt 31pt 14pt
    Title 2 Regular 19pt 23pt -26pt
    Title 3 Regular 17pt 21pt -24pt
    Headline Semi-Bold 14pt 19pt -11pt
    Body Regular 14pt 19pt -11pt
    Callout Regular 13pt 18pt -6pt
    Subhead Regular 12pt 16pt 0pt
    Footnote Regular 12pt 16pt 0pt
    Caption 1 Regular 11pt 13pt 6pt
    Caption 2 Regular 11pt 13pt 6pt
  • Small

    Style Weight Point size Leading Tracking
    Title 1 Light 26pt 32pt 14pt
    Title 2 Regular 20pt 24pt 19pt
    Title 3 Regular 18pt 22pt -25pt
    Headline Semi-Bold 15pt 20pt -16pt
    Body Regular 15pt 20pt -16pt
    Callout Regular 14pt 19pt -11pt
    Subhead Regular 13pt 18pt -6pt
    Footnote Regular 12pt 16pt 0pt
    Caption 1 Regular 11pt 13pt 6pt
    Caption 2 Regular 11pt 13pt 6pt
  • Medium

    Style Weight Point size Leading Tracking
    Title 1 Light 27pt 33pt 13pt
    Title 2 Regular 21pt 28pt 17pt
    Title 3 Regular 19pt 23pt -26pt
    Headline Semi-Bold 16pt 21pt -20pt
    Body Regular 16pt 21pt -20pt
    Callout Regular 15pt 20pt -16pt
    Subhead Regular 14pt 19pt -11pt
    Footnote Regular 12pt 16pt 0pt
    Caption 1 Regular 11pt 13pt 6pt
    Caption 2 Regular 11pt 13pt 6pt
  • Large (Default)

    Style Weight Point size Leading Tracking
    Title 1 Light 28pt 34pt 13pt
    Title 2 Regular 22pt 28pt 16pt
    Title 3 Regular 20pt 24pt 19pt
    Headline Semi-Bold 17pt 22pt -24pt
    Body Regular 17pt 22pt -24pt
    Callout Regular 16pt 21pt -20pt
    Subhead Regular 15pt 20pt -16pt
    Footnote Regular 13pt 18pt -6pt
    Caption 1 Regular 12pt 16pt 0pt
    Caption 2 Regular 11pt 13pt 6pt
  • xLarge

    Style Weight Point size Leading Tracking
    Title 1 Light 30pt 36pt 12pt
    Title 2 Regular 24pt 30pt 15pt
    Title 3 Regular 22pt 27pt 16pt
    Headline Semi-Bold 19pt 24pt -26pt
    Body Regular 19pt 24pt -26pt
    Callout Regular 18pt 23pt -25pt
    Subhead Regular 17pt 22pt -24pt
    Footnote Regular 15pt 20pt -16pt
    Caption 1 Regular 14pt 19pt -11pt
    Caption 2 Regular 13pt 18pt -6pt
  • xxLarge

    Style Weight Point size Leading Tracking
    Title 1 Light 32pt 39pt 12pt
    Title 2 Regular 26pt 32pt 14pt
    Title 3 Regular 24pt 29pt 15pt
    Headline Semi-Bold 21pt 26pt 17pt
    Body Regular 21pt 26pt 17pt
    Callout Regular 20pt 24pt 19pt
    Subhead Regular 19pt 24pt -26pt
    Footnote Regular 17pt 22pt -24pt
    Caption 1 Regular 16pt 21pt -20pt
    Caption 2 Regular 15pt 20pt -16pt
  • xxxLarge

    Style Weight Point size Leading Tracking
    Title 1 Light 34pt 41pt 11pt
    Title 2 Regular 28pt 34pt 13pt
    Title 3 Regular 26pt 32pt 14pt
    Headline Semi-Bold 23pt 28pt 16pt
    Body Regular 23pt 28pt 16pt
    Callout Regular 22pt 27pt 16pt
    Subhead Regular 21pt 26pt 17pt
    Footnote Regular 19pt 24pt -26pt
    Caption 1 Regular 18pt 23pt -25pt
    Caption 2 Regular 17pt 22pt -24pt

Prioritize content when responding to text-size changes. Not all content is equally important. When someone chooses a larger size, they want to make the content they care about easier to read; they don’t always want every word on the screen to be larger.

Download a dynamic type size table in Resources.

Font Usage and Tracking

Use the correct font variant in interface mockups. Use SF UI Text for text 19 points or smaller. Use SF UI Display for text 20 points or larger. Adjust tracking—the spacing between letters—appropriately, as follows:

  • SF UI Text

    Point size @2x(144 ppi) Tracking
    6pt 41pt
    8pt 26pt
    9pt 19pt
    10pt 12pt
    11pt 6pt
    12pt 0pt
    13pt -6pt
    14pt -11pt
    15pt -16pt
    16pt -20pt
    17pt -24pt
    18pt -25pt
  • SF UI Display

    Point size @2x(144 ppi) Tracking
    20pt 19pt
    22pt 16pt
    28pt 13pt
    32pt 12pt
    36pt 11pt
    50pt 7pt
    64pt 3pt
    80pt + up 0pt