Typography in Windows 11
As the visual representation of language, typography's main task is to communicate information. The Windows 11 type system helps you create structure and hierarchy in your content in order to maximize legibility and readability in your UI.
Segoe UI Variable is the new system font for Windows. It is a refreshed take on the classic Segoe and uses variable font technology to dynamically provide great legibility at very small sizes, and improved outlines at display sizes.
|Weight name||Weight axis value||Visual|
Segoe UI Variable supports two axes: weight and optical size. The weight axis is incremental, while the optical size axis is automatic and on by default. The optical size axis controls the shape and size of the counters in the font, to prioritize legibility at the small sizes and personality at the large sizes.
Using Segoe Fluent Variable
Windows 11 uses the following values for various types of text in the UI.
|Text semibold||14/20 epx|
|Display semibold||20/28 epx|
|Display semibold||28/36 epx|
|Display semibold||40/52 epx|
|Display semibold||68/92 epx|
Typography best practices in Windows 11
Windows 11 uses Segoe UI Variable with the following attributes based on the context in which the text is being displayed.
|Weight||Regular, Semibold||Use regular weight for most text, use Semibold for titles|
|Alignment||Left, Center||Align left by default, Align center only in rare cases such as text below icons|
|Minimum values||14px Semibold, 12px Regular||Text smaller than these sizes and weights are illegible in some languages|
|Casing||Sentence case||Use sentence casing for all UI text, including titles|
|Truncation||Ellipses and clipping||Use ellipses in most cases; clipping is only used in rare cases|
Submit and view feedback for