Typography

San Francisco (SF) is the system font in watchOS. There are two variants of this font: SF Compact Text and SF Compact Display. When you specify the system font for text in labels and other system interface elements, Apple Watch automatically applies the most appropriate version of the font based on the point size. The system also switches fonts automatically as needed.

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

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

Use legible font sizes. People often view content while walking or running. Adjust the size of text to ensure its legibility when they are moving.

Emphasize the most important information. 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 are not legible at smaller sizes. Similarly, you should avoid using thinner weights for the custom fonts in your app.

Download the San Francisco fonts here.

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

Text Styles and Dynamic Type

Wherever possible, use the built-in text styles in your app. These styles let you establish a clear visual hierarchy for your textual elements. Additionally, they automatically support Dynamic Type.

SF Compact Display and SF Compact Text are highly legible, even at very small sizes. Dynamic Type provides additional flexibility by letting people choose their preferred text size. The system automatically adjusts tracking and leading based on the text style and size, taking advantage of other typographic features to improve legibility. Download a dynamic type size table in Resources.

  • xSmall

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 30 32.5 -10
    Title 1 Regular 28 30.5 -10
    Title 2 Regular 24 26.5 0
    Title 3 Regular 17 19.5 -4
    Headline Semi-Bold 14 16.5 +14
    Body Regular 14 16.5 +14
    Caption 1 Regular 13 15.5 +17
    Caption 2 Regular 12 14.5 +20
    Footnote Regular 11 13.5 +24

    Default type sizes: 38mm (Small), 40mm (Large), 42mm (Large), 44mm (xLarge).

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

  • Small (Default 38mm)

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 32 34.5 -10
    Title 1 Regular 30 32.5 -10
    Title 2 Regular 26 28.5 -10
    Title 3 Regular 18 20.5 -8
    Headline Semi-Bold 15 17.5 +4
    Body Regular 15 17.5 +4
    Caption 1 Regular 14 16.5 +14
    Caption 2 Regular 13 15.5 +17
    Footnote Regular 12 14.5 +20

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

  • Large (Default 40mm, 42mm)

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 36 38.5 -20
    Title 1 Regular 34 36.5 -10
    Title 2 Regular 27 30.5 -10
    Title 3 Regular 19 21.5 -12
    Headline Semi-Bold 16 18.5 0
    Body Regular 16 18.5 0
    Caption 1 Regular 15 17.5 +4
    Caption 2 Regular 14 16.5 +14
    Footnote Regular 13 15.5 +17

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

  • xLarge (Default 44mm)

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 40 42.5 -20
    Title 1 Regular 38 40.5 -20
    Title 2 Regular 30 32.5 -10
    Title 3 Regular 20 22.5 0
    Headline Semi-Bold 17 19.5 -4
    Body Regular 17 19.5 -4
    Caption 1 Regular 16 18.5 0
    Caption 2 Regular 15 17.5 +4
    Footnote Regular 14 16.5 +14

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

  • xxLarge

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 41 43.5 -20
    Title 1 Regular 39 41.5 -20
    Title 2 Regular 31 33.5 -10
    Title 3 Regular 21 23.5 0
    Headline Semi-Bold 18 20.5 -8
    Body Regular 18 20.5 -8
    Caption 1 Regular 17 19.5 -4
    Caption 2 Regular 15 18.5 0
    Footnote Regular 15 17.5 +4

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

  • xxxLarge

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 42 44.5 -20
    Title 1 Regular 40 42.5 -20
    Title 2 Regular 32 34.5 -10
    Title 3 Regular 22 24.5 0
    Headline Semi-Bold 19 21.5 -12
    Body Regular 19 21.5 -12
    Caption 1 Regular 18 20.5 -8
    Caption 2 Regular 17 19.5 -4
    Footnote Regular 16 18.5 0

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

Tracking

Use SF Compact Text for sizes below 20pt (@2x/144 ppi). Use SF Compact Display for sizes 20pt or greater. Interpolate tracking values for font sizes between the listed values.

  • SF Compact Text

    Size (Points) Tracking (1/1000em)
    5.5 +110
    6 +50
    7 +30
    10 +30
    11 +24
    12 +20
    13 +17
    14 +14
    15 +4
    16 0
    17 -4
    18 -8

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

  • SF Compact Display

    Size (Points) Tracking (1/1000em)
    20 0
    25 -10
    44 -20
    77 and up -25

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