Quick CSS Tip: Sizing Text

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.

Next Post:
Previous Post: