Playing With Typography, Part 1-2 – Font Size
Just a quick update to the previous post.
In the body section of the CSS I wrote ‘font-size: 100%;’
If you set this to 62.5% instead you will have a 10px base for you em fonts.
The way this works is that 100% is the equivalent of 16px.
This means that 1em = 16px.
When you set the body font-size to 62.5% you actually set the base font to 10px (0.625*16=10) which will give you 1em = 10px.
In the ends this means that 1.2em = 1.2*10px = 12px. It just makes your life so much easier when setting the default font-size for your elements since most graphic design is measured in pixels.
Share this post:
