Sent by Eric Hassler on 30 March 2005 06:06
I'm curious to know what you pros are doing to make your fonts as
readable as possible across the various platforms and browsers. I'm
also curious to know what the default "Text Size" setting is for IE 5.x
and 6. Is it "Smaller, Medium"? Comparing designs side-by-side on my
Mac and Windows boxes, the "Smaller" setting on all IE versions is a
little smaller than Mac Safari and Firefox default size, and the IE
"Medium" is slightly larger. Windows Firefox "Normal" type size is
slightly larger than Mac Firefox and Safari default, which I expected
due to Windows 96ppi display.
I'm using
body {
font-size: 62.5%; /* Resets 1em to 10px */
}
Then I adjust the size for specific areas
#content {
font-size: 1em;
}
#sidebar {
font-size: .9em;
}
It works pretty well, presuming that Windows IE users are surfing with
"Medium" text size. If set to "Smaller", then text looks a little too
small. Anyway, I know there are many methods to tweak font sizing, I'm
just looking for a "best practices" approach. Are you using separate
style sheets or hacks to make IE display fonts how you like? Anyone
using the 100.1% and 76% approach?
Thanks,
Eric
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
