Font Sizes

Display Type

Display 1
Display 2
Display 3
Display 4
Display 5

<!-- display 1 -->
<span class="u-font-size-display-1"><p>Display 1</p></span>

<!-- display 2 -->
<span class="u-font-size-display-2"><p>Display 2</p></span>
	
<!-- display 3 -->
<span class="u-font-size-display-3"><p>Display 3</p></span>
	
<!-- display 4 -->
<span class="u-font-size-display-4"><p>Display 4</p></span>
	
<!-- display 5 -->
<span class="u-font-size-display-5"><p>Display 5</p></span>

Copy Type

Copy

Small Copy

Large Copy

XL Copy

<!-- copy -->
<p class="u-font-size-copy"><p>Copy</p></p>

<!-- copy sm -->
<p class="u-font-size-copy-sm"><p>Small Copy</p></p>
	
<!-- copy lg -->
<p class="u-font-size-copy-lg"><p>Large Copy</p></p>
	
<!-- copy xl -->
<p class="u-font-size-copy-xl"><p>XL Copy</p></p>