Px and Rem Typescale

August 31, 2019 (Last edited: August 30, 2019)

Given that 16px is our base font size, the formula would be:

Value = Target Size / Base Size

Favorable Scale

Pixels Root Emphemeral Unit
12px 0.75rem
14px 0875rem
16px 1rem
18px 1.125rem
20px 1.25rem
24px 1.5rem
30px 1.875rem
36px 2.25rem
48px 3rem
60px 3.75rem
72px 4.5rem