Core Styles

Also known as the UI Elements
Includes 10 base font classes
Each one has a default size, weight and colour


Sizes

ms-font-su42px
ms-font-xxl28
ms-font-xl21
ms-font-l17
ms-font-m-plus15
ms-font-m-plus14
ms-font-s-plus13
ms-font-s12
ms-font-xs11
ms-font-mi10

Weights

ms-fontWeight-light 
ms-fontWeight-semilight 
ms-fontWeight-regular 
ms-fontWeight-semibold 

Themes



Colours

Use theme colours in wayfinding, navigating and key interactions
dev.office.com/fabric/styles#color

ms-fontColor-neutralSecondary 


Icons




Heading

<p class="ms-font-xxl 
ms-fontColor-neutralSecondary
ms-fontWeight-semilight">Heading</p>

Sub Heading

<div class="ms-font-xl 
ms-fontColor-neutralTertiary">Sub Heading</div>



© 2021 Better Solutions Limited. All Rights Reserved. © 2021 Better Solutions Limited TopPrevNext