Fonts sizes
Font sizes tokens definitions
| Font size name | Value |
|---|---|
| xxxs | 8px |
| xxs | 10px |
| xs | 11px |
| sm3 | 12px |
| sm2 | 14px |
| sm | 16px |
| md | 20px |
| lg | 24px |
| lg2 | 32px |
| lg3 | 45px |
| xl | 56px |
| xxl | 73px |
<p class="u-fs-xxl">xxl 73px</p>
<p class="u-fs-xl">xl 56px</p>
<p class="u-fs-lg3">lg3 45px</p>
<p class="u-fs-lg2">lg2 32px</p>
<p class="u-fs-lg">lg 24px</p>
<p class="u-fs-md">md 20px</p>
<p class="u-fs-sm">sm 16px</p>
<p class="u-fs-sm2">sm2 14px</p>
<p class="u-fs-sm3">sm3 12px</p>
<p class="u-fs-xs">xs 11px</p>
<p class="u-fs-xxs">xxs 10px</p>
<p class="u-fs-xxxs">xxxs 8px</p>
<!-- DEMO ONLY -->
<style>body{padding:1em}</style>