Font Weight
Below, utility classes to apply font-weight property.
| Class | Properties |
|---|---|
| .font-thin | font-weight: 100; |
| .font-extra-light | font-weight: 200; |
| .font-light | font-weight: 300; |
| .font-regular | font-weight: 400; |
| .font-medium | font-weight: 500; |
| .font-semi-bold | font-weight: 600; |
| .font-bold | font-weight: 700; |
| .font-extra-bold | font-weight: 800; |
| .font-black | font-weight: 900; |
Example(s)
Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...
html
<p class="font-thin">Lorem ipsum dolor sit amet...</p>
<p class="font-extra-light">Lorem ipsum dolor sit amet...</p>
<p class="font-light">Lorem ipsum dolor sit amet...</p>
<p class="font-regular">Lorem ipsum dolor sit amet...</p>
<p class="font-medium">Lorem ipsum dolor sit amet...</p>
<p class="font-semi-bold">Lorem ipsum dolor sit amet...</p>
<p class="font-bold">Lorem ipsum dolor sit amet...</p>
<p class="font-extra-bold">Lorem ipsum dolor sit amet...</p>
<p class="font-black">Lorem ipsum dolor sit amet...</p>