Page 1 of 1

PX to EM made simple

Posted: Wed Mar 05, 2014 12:26 am
by Simon66
I found this little gem, it may be a repost.
It converts font PX sizes to EMs.

http://pxtoem.com/

Just put in your body font size and everything else is done for you.

Magic!

Re: PX to EM made simple

Posted: Wed Mar 05, 2014 12:33 am
by JohnnyB
nice site.
I set up my html font size as 62.5% which roughly translates to 10px.
Then em to px is really simple:
1 em = 10px
1.2em = 12px
2 em = 20px
and so on...

Then, using 'rem' as your font-size, you can use a relative font measurement without the compounding effect of em or % when used with fonts ;)

Re: PX to EM made simple

Posted: Tue Mar 11, 2014 3:25 am
by Simon66
Thanks! I learned something new today.

I'm reading up on REM font sizing. This should save a lot of time and headaches.