I’m surprised how many designers still struggle with sizing text on web sites. Using pixels is not a good solution because IE cannot resize text set in pixels. Users should be able to resize text, so here’s a simple solution:
- Set
body { font-size: 62.5%; }
- Set something like
p { font-size: 1.2em; }
, where 1em is 10px, 1.1em is 11px and so on.
Read more about it on Clagnut: How to size text using ems.
★