๐งพ Everyday
Font Size EM to PX Converter
An em is relative to the parent element font size while a rem is relative to the root, so a 1.5 em nested inside a 0.8 em element compounds to 1.2 em of the base. Using rem removes that compounding entirely, which is why modern CSS prefers it.
How it works
Root font size
Pixel size to convert
Parent font size
Type scale ratio
Scale steps
Size in em
Size in rem
Compounded em in a nested context
Compounded pixel size
Type scale from the root size
Note
Frequently asked questions
How do I use the Font Size EM to PX Converter?
Fill in the fields above โ the result recalculates instantly as you type. Everything runs in your browser, so the values you enter are never collected or stored.
Is this calculator free?
Yes. It is completely free, requires no account, and works on phones, tablets and desktops.