<h1 class="h1">Heading 1</h1>
<h2 class="h2">Heading 2</h2>
<h3 class="h3">Heading 3</h3>
<h4 class="h4">Heading 4</h4>
<h5 class="h5">Heading 5</h5>
<h6 class="h6">Heading 6</h6>

<p class="text-xl">Lorem Ipsum</p>
<p class="text-l">Lorem Ipsum</p>
<p class="text-m">Lorem Ipsum</p>
<p class="text-s">Lorem Ipsum</p>
<p class="text-xs">Lorem Ipsum</p>

<p class="font-light">LIGHT 300</p>
<p class="font-regular">REGULAR 400</p>
<p class="font-semibold">SEMIBOLD 600</p>
<p class="font-bold">BOLD 700</p>
<p class="font-xbold">EXTRA BOLD 900</p>