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.