A handy reference for font sizes

gistfile1.txt

## Note: You will need to customise this to your project and base font-size, you can't use this as-is!

Element                 |   Mobile              |   Desktop             |   Class to use
----------------------------------------------------------------------------------------------
Paragraph               |   19px (1.1875rem)    |   20px (1.25rem)      |   None
Lead-in Paragraph       |   22px (1.375rem)     |   24px (1.5rem)       |   .lead
Small Paragraph         |   15px (0.9375rem)    |   16px (1rem)         |   .small
----------------------------------------------------------------------------------------------
H1                      |   56px (3.5rem)       |   64px (4rem)         |   .heading-1
H2                      |   44px (2.75rem)      |   52px (3.25rem)      |   .heading-2
H3                      |   36px (2.25rem)      |   44px (2.75rem)      |   .heading-3
H4                      |   28px (1.625rem)     |   32px (2rem)         |   .heading-4
H5                      |   24px (1.5rem)       |   24px (1.5rem)       |   .heading-5
H6                      |   20px (1.25rem)      |   20px (1.25rem)      |   .heading-6




Size Chart (anything above 40px is probably a Heading)
-----------------------------------------------------------
16px    |   1rem
17px    |   1.0625rem
18px    |   1.125rem
19px    |   1.1875rem
20px    |   1.25rem
21px    |   1.3125rem
22px    |   1.375rem
23px    |   1.4375rem
24px    |   1.5rem
25px    |   1.5625rem
26px    |   1.625rem
27px    |   1.6875rem
28px    |   1.75rem
29px    |   1.8125rem
30px    |   1.875rem
31px    |   1.9375rem
32px    |   2rem
33px    |   2.0625rem
34px    |   2.125rem
35px    |   2.1875rem
36px    |   2.25rem
37px    |   2.3125rem
38px    |   2.375rem
39px    |   2.4375rem
40px    |   2.5rem