Sent by Dave Silvester on 11 June 2004 13:01
On Friday 11 Jun 2004 00:27, Vanessa Schwab wrote:
> Consider making the smallest font size (like in footer) no less than
> 90%, content font size at 100% (so user is seeing their preferred font
> size for the most important part of the page), or use pixels.
I really can't remember or find where I discovered this one, but recently I've
been using the the "100.1 and 76 percent method" (my name for it, since I
can't remember if it has a name) with pretty nice results.
It seems to have a good blend of user-friendliness, cross-browser
compatability, scalability and isn't too much hell to implement (unlike the
Alistapart method I was previously using, where you had to use multiple CSS
filters to feed different browsers different sizes, using a variety of
pixels, keywords and so on - worked well, but far too complicated).
Basically you set the body text size to 100.1% (that .1 is important) and the
the paragraph text to a minimum of 76%. If you go any smaller than 76%, it
becomes impossibly small to read on some browsers, so 76% is your smallest
text size. For the one time I did require absolutely tiny text recently (for
a list of product ingredients), I used the "xx-small" keyword as the font
size.
Be careful you don't nest elements inside each other that could multiply their
percentages (for example, 76% of 80% will give you 61% text, which will be
tiny and possibly unreadable) - that's the main caveat with using percentage
based font sizes.
With this particular method, always make sure you stay above 76% of the 100.1%
body value - that seems to be the trick to never ending up with impossibly
small text.
Then for your header sizes and so on, set font-size to 140% or whatever looks
like the right proportion for your site.
So far, I haven't encountered any major problems with this method, and I'm
hoping there aren't any. (I just wish I could remember where I read about
it!)
Anyone else using this method?
~Dave
--
Dave Silvester
Music Technology Junkie
Web: http://www.mu-sly.co.uk/
Email: sly at mu hyphen sly dot co dot uk
______________________________________________________________________
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/
