Anthony Baker wrote: > Have been looking to different font sizing methods and decided to go > with a method suggested by Dan Cederholm (as I recall) )where the > font size is defined in the BODY tag and then percentages are used to > increase or decrease the size. EMs are used for line height.
Fine, but avoid that 'font-size: 62.5%' or 'small' on body - unless you like to have your fonts blown up to a really big size when subjected to 'minimum font size' in Firefox and Opera. For more on the subject: <http://www.gunlaug.no/contents/wd_1_03_04.html> > Example of the base setting: > > body { font-family: "Arial", sans-serif; font-size: small; } > > > This has worked fine across Safari and IE browsers and should work on > Firefox, but I've noticed that there's a distinct difference in the > way Firefox is rendering text -- both on the Mac and on IE. 1: check 'minimum font size', since Firefox and Safari apply it differently, as mentioned in my article. Not much you can do about it if you use small font-size on body, since that means body has 11pt (14px) font-size at _my_ end. > Does anyone know why this happens when IE and Safari work so well? It > may be a small issue, but damned if it isn't annoying. Overall, font > sizes seem smaller and line spacing tighter. 2: There are slightly different "tip-over" points for font-sizes in different browsers. You'll have to figure out the average values that'll work across browser-land if you want consistency - or else you'll get +/- 1px variations. > Even on a site like the NY Times, this sort of thing seems to be > happening here and there -- particularly in the text of the body of > an article. > > Does anyone have a favorite method? Yes :-) - I size fonts based on "normal" (12pt (16px)) - or not at all. - I select average font-size values, and test across browser-land. - I blow everything up in all browsers, and make sure it doesn't break too badly at twice the "normal" font-size. - I leave the rest to the visitor. > Would love to get something that's accessible and as consistent as > possible. Accessible is what the visitor can access/read at their end. That has nothing to do with font-size consistency. Try out IE/win's "accessibility mode --> ignore font sizes" for size. That option is all about accessibility and cross-site consistency. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
