Px and Rem Typescale

(Last edited: October 29, 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

© 2022, built with Gatsby. Subscribe via RSS.
Crafted by John Darryl Pelingo
. All rights reserved.