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>