Px and Rem Typescale

August 31, 2019 (Last edited: October 29, 2019)

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

Value = Target Size / Base Size

Favorable Scale

`P`i`x`els	`R`oot `Em`phemeral 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`

← Useful Golang Links

Internet Explorer Shenanigans →