Guidelines for fonts

The proper use of font sizes, weights, colors, tracking, and spacing can help give your Universal Windows Platform (UWP) app a clean, uncluttered look that makes it easier to use.
Follow these guidelines when selecting fonts and specifying font sizes and colors.

The Windows 10 type ramp

The type ramp establishes a crucial design relationship from headlines to body text and ensures a clear and understandable hierarchy between the different levels. Users immediately understand where to find information and how to parse the page.

Here's the type ramp that we recommend for UWP apps:

Text style

Typeface

Weight

Size (epx)

Line spacing (epx)

Word spacing

Tracking (1/1000 em)

XAML style key

Header

Segoe UI

Light

46

56

100%

0

HeaderTextBlockStyle

Subheader

Segoe UI

Light

34

40

100%

0

SubheaderTextBlockStyle

Title

Segoe UI

Semilight

24

28

100%

0

TitleTextBlockStyle

Subtitle

Segoe UI

Regular

20

24

100%

0

SubtitleTextBlockStyle

Base

Segoe UI

Semibold

15

20

100%

0

BaseTextBlockStyle

Body

Segoe UI

Regular

15

20

100%

0

BodyTextBlockStyle

Caption

Segoe UI

Regular

12

14

100%

0

CaptionTextBlockStyle

Recommended fonts

You don't have to use the Segoe UI font for everything. You might use other fonts for certain scenarios, such as reading, or when display text in non-English languages.

Here's the list of fonts that are guaranteed to be available in all Windows 10 editions that support UWP apps.

Note If you use a font that's not in this list, your app may trigger an automatic download of the font data from a Microsoft service. This can have performance and other impacts that may be a concern, particularly for mobile devices. In particular, note that this might consume some of a user's mobile data plan or result in mobile data usage costs. UWP apps that will available on mobile devices should never use fonts for UI content other than fonts in this list.

User-interface font for European and Middle East scripts (Arabic, Armenian, Cyrillic, Georgian, Greek, Hebrew, Latin), and also Lisu script

Segoe UI Emoji

Regular

The version that ships on Windows Phone includes a white outline around each emoji to ensure that it will show up on any color background. It is metrically compatible with the version that ships on Windows.