this is a good way to get a consistent font size:
* {
font-size: 100.01%; /*
http://css-discuss.incutio.com/?page=InternetExplorerWinBugs */
}
html { /*
http://trevordavis.net/blog/tutorial/the-6-most-important-css-techniques-you-need-to-know/
*/
font-size: 62.5%; /* will set your font-size to 10 pixels */
}
body {
font-size:1.2em; /* will set your font-size to 12 pixels */
}
On Wed, Jul 9, 2008 at 9:05 AM, David Laakso <[EMAIL PROTECTED]>
wrote:
> Karl Bedingfield wrote:
> > I'm getting confused. There appears to be many ways of font resizing
> > and I cannot make my mind up which is the best method.
> >
> > In the body style some use use 12px and pixel font sizes there after.
> > Some use body style of 100% and percentages there after and finally
> > some use 101% in body with ems there after.
> >
> > Which is the best option for cross-browser performance?
> >
> > Many thanks
> >
> >
>
> There is no definitive method. There are numerous theories. Opinions
> abound. Use the method/theory that best meets your users needs, rather
> than your need.
>
> The 101% (100.01%) as I recall had something to due with a rounding
> error in Opera (compensation for fonts being a little smaller in that
> browser). But it is not seen that much in style sheets nowadays.
>
> My own opinion is the use of keyword, pixels, em, or percent will all
> work. Keywords can be problematic, though. Pixels can only be scaled in
> IE if the user is in "accessibility mode" with the "ignore font-sizes"
> boxed checked (so maybe its not such good idea to use pixels). Em's are
> fine providing you set a percent base on html, or body declarations, or
> they'll go totally goofy when scaled (an IE bug).
>
> I find using percent throughout the style sheet with line-height set as
> a raw number (no unit of measure) most consistent /for me/ cross-browser.
>
> Typography is a very simple craft whose goal is simply to make words
> readable. But that ain't easy (particularly on a screen). Honoring user
> default for the primary content p (user default is medium, 16px, 1em, or
> 100%) is the way some of us strive to meet that goal.
>
> In the end, /it is your call./
>
>
>
>
> --
> http://chelseacreekstudio.com/
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
