Fonts sizes
Font sizes tokens definitions
Font size name | Value |
---|---|
15 | 60px |
14 | 54px |
13 | 48px |
12 | 42px |
11 | 36px |
10 | 32px |
9 | 28px |
8 | 24px |
7 | 20px |
6 | 18px |
5 | 16px |
4 | 14px |
3 | 12px |
2 | 10px |
1 | 8px |
<p class="u-fs-15">15 | 60px</p>
<p class="u-fs-14">14 | 54px</p>
<p class="u-fs-13">13 | 48px</p>
<p class="u-fs-12">12 | 42px</p>
<p class="u-fs-11">11 | 36px</p>
<p class="u-fs-10">10 | 32px</p>
<p class="u-fs-9">9 | 28px</p>
<p class="u-fs-8">8 | 24px</p>
<p class="u-fs-7">7 | 20px</p>
<p class="u-fs-6">6 | 18px</p>
<p class="u-fs-5">5 | 16px</p>
<p class="u-fs-4">4 | 14px</p>
<p class="u-fs-3">3 | 12px</p>
<p class="u-fs-2">2 | 10px</p>
<p class="u-fs-1">1 | 8px</p>
<!-- DEMO ONLY -->
<style>body{padding:1em}</style>