Fabric includes 10 base font classes that represent the type ramp for the Office Design Language. Each base class sets a default size, weight, and color.
42px
Segoe UI Light
ms-color-neutralPrimary
28px
Segoe UI Light
ms-color-neutralPrimary
21px
Segoe UI Light
ms-color-neutralPrimary
17px
Segoe UI Semilight
ms-color-neutralPrimary
15px
Segoe UI Regular
ms-color-neutralPrimary
14px
Segoe UI Regular
ms-color-neutralPrimary
13px
Segoe UI Regular
ms-color-neutralPrimary
12px
Segoe UI Regular
ms-color-neutralPrimary
11px
Segoe UI Regular
ms-color-neutralPrimary
10px
Segoe UI Semibold
ms-color-neutralPrimary
Use these classes to set the font weight, independent of its size and color.
Class
Weight
Light
ms-fontWeight-light
Semilight
ms-fontWeight-semilight
Regular
ms-fontWeight-regular
Semi Bold
ms-fontWeight-semibold
Use these classes to set the font size, independent of its weight and color.
Class
Size