Cross-browser scalable text in CSS
written by Craig, 21 November 2007
A List Apart have carried out a lot of research to discover the best way to create consistent cross-browser text sizes with CSS.
The best method is to use a percentage size in the body, then ems for all other elements (the W3C’s recommended way of specifying scalable fonts), e.g.
body { font-size: 80%; }
h1 { font-size: 1.6em; }
p { font-size: 1em; }
This ensures that all text can be resized and IE does not scale the font too large or too small.
Whilst this technique has been known for a while, the article describes several text sizing methods and provides screen shots for all the popular browsers. It’s worth a read.