Sent by Lars Holst on 30 September 2003 15:03
What's the most cross-browser consistent way of setting font-sizes?
Alt. 1:
body {font-family: verdana, arial, helvetica, sans-serif;}
h1 {font-size: 1.5em; line-height:1.6;}
p {font-size: .75em; line-height:1.6; }
Alt. 2:
body {font: 76%/1.6 verdana, arial, helvetica, sans-serif;}
h1 {font-size: 2em;}
p {font-size: 1em;} /*redundant if sized to 1em*/
Both alternatives render in basically the same way on my setup (Moz, IE, and
Opera on Win2k).
I'm currently using the first alternative, and I haven't had any complaints.
However, the second alternative seems to be a way of avoiding "inheritance
problems" when you only want to change the font-size or font-family of one
element, wihtout affecting the others.
Example: To change the font-family from Verdana to Georgia with alternative
1, I would need to increase the base to around 86% to make the font
reasonably sized. This, however, increases the size of headings as well,
which is not what I want since they use a different font. Or is ti better to
leave out the font-family in the body altogether (alt. 3)?
Any thoughts?
/lars <http://larsholst.info/blog/>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/