Definitive method for sizing font in css

Posted by David on Stack Overflow See other posts from Stack Overflow or by David
Published on 2010-05-26T21:16:04Z Indexed on 2010/05/26 21:51 UTC
Read the original article Hit count: 263

Filed under:
|
|

Hi there, I would like to know some opinions from experienced developers on what they think the definitive way to size fonts (in a base sense). I know that working with ems is considered best but im referring to the best way to set the base font size.

There is the technique of setting font to 10px using 62.5 method but i think ie has an issue with rounding which throws this out slightly (perhaps not)

YUI framework uses

body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
/* for IE6/7 */ 
*font-size:small; 
/* for IE Quirks Mode */
*font:x-small; 

}

which really confuses me!

Tripoli uses

html
{
   font-size:125%;
}

body
{
    font-size:50%;
}

a list apart suggest something along the lines of :

body {

font-size: 16px;
*font-size: 100%;

}

So which is the best either out of these methods or any alternatives. The best being the easiest to work with and the most reliable cross browser.

© Stack Overflow or respective owner

Related posts about css

Related posts about best-practices