[css-d] Font sizing - Is there a definative method?
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 -- Regards Karl __ 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/
Re: [css-d] Font sizing - Is there a definative method?
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/
Re: [css-d] Font sizing - Is there a definative method?
On 2008/07/09 09:46 (GMT-0500) Ben Fider apparently typed:
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 */
}
One who makes no meaningful attempt to test as visitors actually use their
browsers might think so, but the only consistencies that approach brings are:
1-FF2 and Opera users who have a minimum font size set only slightly (~80% or
more) or no smaller than their default size, and those with a user stylesheet
containing 'body {font-size: 100% !important}', will not see anything
remotely resembling what IE, FF3 or Safari users will see. Instead of fonts
smaller than their preference as most web sites rudely impose, they'll see
fonts _larger_ than their preference. See:
http://www.bergamotus.ws/misc/sensible-css-text-sizing.html
http://fm.no-ip.com/SS/Clagnut/bbcnSS.html
2-Everyone will be subjected to the rudeness that assuming any main content
font size less than 100% of the user's preference (i.e. default) represents.
That nearly everyone else is rude is not justification to be rude yourself.
See e.g.:
http://tobyinkster.co.uk/article/web-fonts/
http://www.w3.org/QA/Tips/font-size
http://www.useit.com/alertbox/designmistakes.html
http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html
http://www.dev-archive.net/articles/font-analogy.html
http://fm.no-ip.com/auth/bigdefaults.html
http://www.cameratim.com/personal/soapbox/morons-in-webspace
--
Do not let the sun go down while you are still angry.
Ephesians 4:26 NIV
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://fm.no-ip.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/
Re: [css-d] Font sizing - Is there a definative method?
Thanks for all the help guys, that was very informative :) Karl __ 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/
