Typography

San Francisco (SF) is the system typeface in iOS. The fonts of this typeface are optimized to give your text unmatched legibility, clarity, and consistency. Download the San Francisco family of fonts here.

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

If possible, use a single typeface. Mixing several different typefaces can make your app seem fragmented and sloppy. Consider using one typeface and just a few font variants 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:

Large Title

Title 1

Title 2

Title 3

Headline

Body

Callout

Subhead

Footnote

Caption 1

Caption 2

For developer guidance, see UIFontTextStyle.

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, it’s usually best to stick with the system fonts. If you do use a custom font, make sure it’s easily readable, even at small sizes.

Implement accessibility features for custom fonts. System fonts automatically react to accessibility features like bold text and larger type. 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

The San Francisco typeface was designed to be highly legible at both small and large sizes. Dynamic Type provides additional flexibility by letting readers choose their preferred text size. Download a dynamic type size table in Resources.

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.

  • xSmall

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 31 38 +12
    Title 1 Regular 25 31 +14
    Title 2 Regular 19 24 -26
    Title 3 Regular 17 22 -24
    Headline Semi-Bold 14 19 -11
    Body Regular 14 19 -11
    Callout Regular 13 18 -6
    Subhead Regular 12 16 0
    Footnote Regular 12 16 0
    Caption 1 Regular 11 13 +6
    Caption 2 Regular 11 13 +6

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

  • Small

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 32 39 +12
    Title 1 Regular 26 32 +14
    Title 2 Regular 20 25 +19
    Title 3 Regular 18 23 -25
    Headline Semi-Bold 15 20 -16
    Body Regular 15 20 -16
    Callout Regular 14 19 -11
    Subhead Regular 13 18 -6
    Footnote Regular 12 16 0
    Caption 1 Regular 11 13 +6
    Caption 2 Regular 11 13 +6

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

  • Medium

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 33 40 +11
    Title 1 Regular 27 33 +13
    Title 2 Regular 21 26 +17
    Title 3 Regular 19 24 -26
    Headline Semi-Bold 16 21 -20
    Body Regular 16 21 -20
    Callout Regular 15 20 -16
    Subhead Regular 14 19 -11
    Footnote Regular 12 16 0
    Caption 1 Regular 11 13 +6
    Caption 2 Regular 11 13 +6

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

  • Large (Default)

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 34 41 +11
    Title 1 Regular 28 34 +13
    Title 2 Regular 22 28 +16
    Title 3 Regular 20 25 +19
    Headline Semi-Bold 17 22 -24
    Body Regular 17 22 -24
    Callout Regular 16 21 -20
    Subhead Regular 15 20 -16
    Footnote Regular 13 18 -6
    Caption 1 Regular 12 16 0
    Caption 2 Regular 11 13 +6

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

  • xLarge

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 36 43 +11
    Title 1 Regular 30 37 +12
    Title 2 Regular 24 30 +15
    Title 3 Regular 22 28 +16
    Headline Semi-Bold 19 24 -26
    Body Regular 19 24 -26
    Callout Regular 18 23 -25
    Subhead Regular 17 22 -24
    Footnote Regular 15 20 -16
    Caption 1 Regular 14 19 -11
    Caption 2 Regular 13 18 -6

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

  • xxLarge

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 38 46 +11
    Title 1 Regular 32 39 +12
    Title 2 Regular 26 32 +14
    Title 3 Regular 24 30 +15
    Headline Semi-Bold 21 26 +17
    Body Regular 21 26 +17
    Callout Regular 20 25 +19
    Subhead Regular 19 24 -26
    Footnote Regular 17 22 -24
    Caption 1 Regular 16 21 -20
    Caption 2 Regular 15 20 -16

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

  • xxxLarge

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 40 48 +10
    Title 1 Regular 34 41 +11
    Title 2 Regular 28 34 +13
    Title 3 Regular 26 32 +14
    Headline Semi-Bold 23 29 +16
    Body Regular 23 29 +16
    Callout Regular 22 28 +16
    Subhead Regular 21 28 +17
    Footnote Regular 19 24 -26
    Caption 1 Regular 18 23 -25
    Caption 2 Regular 17 22 -24

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

Larger Accessibility Type Sizes

In addition to the standard dynamic type sizes, the system offers a number of even larger type sizes for users with accessibility needs.

  • AX1

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 44 52 +9
    Title 1 Regular 38 46 +11
    Title 2 Regular 34 41 +11
    Title 3 Regular 31 38 +12
    Headline Semi-Bold 28 34 +13
    Body Regular 28 34 +13
    Callout Regular 26 32 +14
    Subhead Regular 25 31 +14
    Footnote Regular 23 29 +16
    Caption 1 Regular 22 28 +16
    Caption 2 Regular 20 25 +19

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

  • AX2

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 48 57 +8
    Title 1 Regular 43 51 +10
    Title 2 Regular 39 47 +10
    Title 3 Regular 37 44 +11
    Headline Semi-Bold 33 40 +12
    Body Regular 33 40 +11
    Callout Regular 32 39 +12
    Subhead Regular 30 37 +12
    Footnote Regular 27 33 +13
    Caption 1 Regular 26 32 +14
    Caption 2 Regular 24 30 +15

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

  • AX3

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 52 61 +7
    Title 1 Regular 48 57 +8
    Title 2 Regular 44 52 +9
    Title 3 Regular 43 51 +10
    Headline Semi-Bold 40 48 +10
    Body Regular 40 48 +10
    Callout Regular 38 46 +11
    Subhead Regular 36 43 +11
    Footnote Regular 33 40 +11
    Caption 1 Regular 32 39 +12
    Caption 2 Regular 29 35 +13

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

  • AX4

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 56 66 +5
    Title 1 Regular 53 62 +6
    Title 2 Regular 50 59 +7
    Title 3 Regular 49 58 +8
    Headline Semi-Bold 47 56 +9
    Body Regular 47 56 +9
    Callout Regular 44 52 +9
    Subhead Regular 42 50 +10
    Footnote Regular 38 46 +11
    Caption 1 Regular 37 44 +11
    Caption 2 Regular 34 41 +11

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

  • AX5

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 60 70 +4
    Title 1 Regular 58 68 +5
    Title 2 Regular 56 66 +5
    Title 3 Regular 55 65 +6
    Headline Semi-Bold 53 62 +6
    Body Regular 53 62 +6
    Callout Regular 51 60 +7
    Subhead Regular 49 58 +8
    Footnote Regular 44 52 +9
    Caption 1 Regular 43 51 +10
    Caption 2 Regular 40 48 +10

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

Font Usage and Tracking

Use the correct font variant in interface mockups. When you use San Francisco for text in standard controls like buttons and labels, iOS automatically applies the most appropriate variant based on the point size and the user’s accessibility settings. In interface mockups, use SF Pro Text for text 19 points or smaller, SF Pro Display for text 20 points or larger, and adjust the spacing between letters appropriately.

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

  • SF Pro Text

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

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

  • SF Pro Display

    Size (Points) Tracking (1/1000em)
    20 +19
    21 +17
    22 +16
    24 +15
    25 +14
    27 +13
    30 +12
    33 +11
    40 +10
    44 +9
    48 +8
    50 +7
    53 +6
    56 +5
    60 +4
    65 +3
    69 +2
    79 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.