Typography

San Francisco (SF) is the system font on all Apple platforms; the SF Compact variant is the system font in watchOS. A variant of SF Compact — SF Compact Rounded — is designed to work well in complications. Download the San Francisco fonts here.

The phrase 'The quick brown fox jumps over the lazy dog.' shown in the San Francisco Compact font.

SF Compact

The phrase 'The quick brown fox jumps over the lazy dog.' shown in the San Francisco Compact Rounded font.

SF Compact Rounded

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

Beginning in watchOS 7, the system provides the San Francisco fonts in the variable font format. This format combines different font styles together in one file, and supports interpolation between styles to create intermediate ones. With interpolation, typefaces can adapt to all sizes while appearing specifically designed for each size.

Interpolation also enables optical sizing, which refers to the creation of different typographic designs to fit different sizes. San Francisco provides Text and Display, which are discrete optical size variants that help text look great at any size. In watchOS 7 and later, the system font supports dynamic optical sizes, merging the discrete optical sizes into a single, continuous design. This design allows each glyph or letterform to be interpolated to produce a structure that's precisely adapted to the point size.

NOTE Using variable fonts in a design tool that's running on an earlier version of watchOS may produce unexpected results. In this case, continue using Text and Display.

Use built-in text styles whenever possible. The built-in text styles let you establish a clear visual hierarchy for your textual elements, while retaining optimal legibility. These styles — including headline, body, callout, and several sizes of title — are based on the system fonts and let you take advantage of key typographic features, such as Dynamic Type, which automatically adjusts tracking and leading for every font size. For specific values, see Dynamic Type Sizes; for developer guidance, see UIFontTextStyle.

Use no more than one additional typeface in your app. Although watchOS supports custom typefaces, using too many can make the interface feel disorderly. Also, custom fonts may not be as legible at smaller font sizes, and they don’t automatically support features like Dynamic Type. People won’t be able to adjust the size of a custom font unless you implement support for it.

Prefer larger font sizes to ensure legibility. Recognize that people often need larger font sizes to read your text. Design your UI to look great with large fonts.

Test content legibility in common usage scenarios. For example, people may view your content outside in bright sunlight or they may glance at it while they're in motion. As you test your content in scenarios like these, be sure to consider the size of the text and its contrast with the background in addition to its overall legibility.

Use font weight, size, and color to highlight the most important information. Avoid using thin weights at small sizes. The system font specifically omits the ultra-light and thin weights below 20 points because they aren’t legible at smaller sizes. Similarly, you should avoid using thinner weights for the custom fonts in your app.

Adjust tracking as needed in interface mockups. In a running app, the system font dynamically adjusts tracking at every point size. To produce an accurate interface mockup of a UI that uses the variable system fonts, you don't have to choose a discrete optical size at certain point sizes, but you might need to adjust the tracking. In this situation, you can use the values listed in Tracking Values or see Apple Design Resources.

In interface mockups, use text size to determine when to use SF Compact Text and Display. If you use the Text and Display discrete optical sizes in an interface mockup, you need to use different variants at different text sizes. Specifically, use SF Compact Text for text 19 points or smaller, and SF Compact Display for text 20 points or larger. If you need to adjust tracking, see the tracking values available in Apple Design Resources. Prefer SF Compact Rounded for complications.

Dynamic Type Sizes

Dynamic Type provides additional flexibility by letting people choose their preferred text size. Here are the weight, size, and leading values for each text style at different Dynamic Type sizes.

  • xSmall

    Style Weight Size (points) Leading (points)
    Large Title Regular 30 32.5
    Title 1 Regular 28 30.5
    Title 2 Regular 24 26.5
    Title 3 Regular 17 19.5
    Headline Semi-Bold 14 16.5
    Body Regular 14 16.5
    Caption 1 Regular 13 15.5
    Caption 2 Regular 12 14.5
    Footnote Regular 11 13.5
  • Small (default 38mm)

    Style Weight Size (points) Leading (points)
    Large Title Regular 32 34.5
    Title 1 Regular 30 32.5
    Title 2 Regular 26 28.5
    Title 3 Regular 18 20.5
    Headline Semi-Bold 15 17.5
    Body Regular 15 17.5
    Caption 1 Regular 14 16.5
    Caption 2 Regular 13 15.5
    Footnote Regular 12 14.5
  • Large (default 40mm, 42mm)

    Style Weight Size (points) Leading (points)
    Large Title Regular 36 38.5
    Title 1 Regular 34 36.5
    Title 2 Regular 27 30.5
    Title 3 Regular 19 21.5
    Headline Semi-Bold 16 18.5
    Body Regular 16 18.5
    Caption 1 Regular 15 17.5
    Caption 2 Regular 14 16.5
    Footnote Regular 13 15.5
  • xLarge (default 44mm)

    Style Weight Size (points) Leading (points)
    Large Title Regular 40 42.5
    Title 1 Regular 38 40.5
    Title 2 Regular 30 32.5
    Title 3 Regular 20 22.5
    Headline Semi-Bold 17 19.5
    Body Regular 17 19.5
    Caption 1 Regular 16 18.5
    Caption 2 Regular 15 17.5
    Footnote Regular 14 16.5
  • xxLarge

    Style Weight Size (points) Leading (points)
    Large Title Regular 41 43.5
    Title 1 Regular 39 41.5
    Title 2 Regular 31 33.5
    Title 3 Regular 21 23.5
    Headline Semi-Bold 18 20.5
    Body Regular 18 20.5
    Caption 1 Regular 17 19.5
    Caption 2 Regular 15 18.5
    Footnote Regular 15 17.5
  • xxxLarge

    Style Weight Size (points) Leading (points)
    Large Title Regular 42 44.5
    Title 1 Regular 40 42.5
    Title 2 Regular 32 34.5
    Title 3 Regular 22 24.5
    Headline Semi-Bold 19 21.5
    Body Regular 19 21.5
    Caption 1 Regular 18 20.5
    Caption 2 Regular 17 19.5
    Footnote Regular 16 18.5

Tracking Values

To help you create accurate interface mockups, use the tracking values the system defines for various sizes of SF Compact and SF Compact Rounded.

  • SF Compact

    Size (points) Tracking (1/1000em) Tracking (points)
    6 +50 +0.29
    7 +30 +0.21
    8 +30 +0.23
    9 +30 +0.26
    10 +30 +0.29
    11 +24 +0.26
    12 +20 +0.23
    13 +16 +0.20
    14 +14 +0.19
    15 +4 +0.06
    16 0 0.00
    17 -4 -0.07
    18 -8 -0.14
    19 -12 -0.22
    20 0 0.00
    21 -2 -0.04
    22 -4 -0.09
    23 -6 -0.13
    24 -8 -0.19
    25 -10 -0.24
    26 -11 -0.28
    27 -12 -0.30
    28 -12 -0.34
    29 -14 -0.38
    30 -14 -0.42
    31 -15 -0.45
    32 -16 -0.50
    33 -17 -0.55
    34 -18 -0.60
    35 -18 -0.63
    36 -20 -0.69
    37 -20 -0.72
    38 -20 -0.74
    39 -20 -0.76
    40 -20 -0.78
    41 -20 -0.80
    42 -20 -0.82
    43 -20 -0.84
    44 -20 -0.86
    45 -20 -0.88
    46 -20 -0.92
    47 -20 -0.94
    48 -20 -0.96
    49 -21 -1.00
    50 -21 -1.03
    51 -21 -1.05
    52 -21 -1.07
    53 -22 -1.11
    54 -22 -1.13
    56 -22 -1.20
    58 -22 -1.25
    60 -22 -1.32
    62 -22 -1.36
    64 -23 -1.44
    66 -24 -1.51
    68 -24 -1.56
    70 -24 -1.64
    72 -24 -1.69
    76 -25 -1.86
    80 -26 -1.99
    84 -26 -2.13
    88 -26 -2.28
    92 -28 -2.47
    96 -28 -2.62

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

  • SF Compact Rounded

    Size (points) Tracking (1/1000em) Tracking (points)
    6 +28 +0.16
    7 +26 +0.18
    8 +24 +0.19
    9 +22 +0.19
    10 +20 +0.20
    11 +18 +0.19
    12 +16 +0.19
    13 +14 +0.18
    14 +12 +0.16
    15 +10 +0.15
    16 +8 +0.12
    17 +6 +0.10
    18 +4 +0.07
    19 +2 +0.04
    20 0 0.00
    21 -2 -0.04
    22 -4 -0.09
    23 -6 -0.13
    24 -8 -0.19
    25 -10 -0.24
    26 -11 -0.28
    27 -12 -0.30
    28 -12 -0.34
    29 -14 -0.38
    30 -14 -0.42
    31 -15 -0.45
    32 -16 -0.50
    33 -17 -0.55
    34 -18 -0.60
    35 -18 -0.63
    36 -20 -0.69
    37 -20 -0.72
    38 -20 -0.74
    39 -20 -0.76
    40 -20 -0.78
    41 -20 -0.80
    42 -20 -0.82
    43 -20 -0.84
    44 -20 -0.86
    45 -20 -0.88
    46 -20 -0.92
    47 -20 -0.94
    48 -20 -0.96
    49 -21 -1.00
    50 -21 -1.03
    51 -21 -1.05
    52 -21 -1.07
    53 -22 -1.11
    54 -22 -1.13
    56 -22 -1.20
    58 -22 -1.25
    60 -22 -1.32
    62 -22 -1.36
    64 -23 -1.44
    66 -24 -1.51
    68 -24 -1.56
    70 -24 -1.64
    72 -24 -1.69
    76 -25 -1.86
    80 -26 -1.99
    84 -26 -2.13
    88 -26 -2.28
    92 -28 -2.47
    96 -28 -2.62

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