468,553 Members | 1,374 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,553 developers. It's quick & easy.

text sizing

Is there a current "best practice" for text sizing?

My goal is a have a web page (web application actually)
which looks the same (more or less) on Mac IE5, PC IE6,
Mozilla, Konqueror and Safari. (Not NS4!). The page should
also scale for user preferance/accessibility reasons.

Pixel-perfect layout is *not* a priority; indeed,
I have already gone to considerable effort to
use (and integrate) these 2 ideas
http://www.alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/customcorners/

I am quite happy to style up the entire page
(i.e. define sizes for h1-6 etc).

I have read about various "issues" with fonts sizes
and browsers.

I have looked for FAQ (or similar) on this,
and come up empty.

So - for consistent, cross browser, scaleable
font-sizes, what's my best plan?

BugBear
Jul 21 '05 #1
2 1438
bugbear wrote:
Is there a current "best practice" for text sizing?
Yes.
I have looked for FAQ (or similar) on this, and come up empty.
The technique is discussed in these groups almost daily.
So - for consistent, cross browser, scaleable font-sizes, what's my
best plan?


body { font-size: 100%; }
h1 { font-size: 150%; } ... [rest of hx slightly smaller]
..legalese { font-size: 85%; }

There. That was easy!

Also see how to make columns and other parts flow with a visitor's
text resizing.
http://www.benmeadowcroft.com/webdev...ft-column.html

Ben doesn't even assign a font-size here, but I'd recommend using the
body sizing, due to a bug in some versions of IE. Do remember that the
majority of your visitors will only ever use one browser, so
pixel-perfect 'cross-browser' layout is really not very important.

--
-bts
-This space intentionally left blank.
Jul 21 '05 #2
"bugbear" wrote in comp.infosystems.www.authoring.stylesheets:
Is there a current "best practice" for text sizing?


Yes: don't.

Or rather, set body and p and td and th to 100% (to avoid some IE
bug) and et other sizes in percents as well.

--

Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
Jul 21 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

5 posts views Thread by KiwiBrian | last post: by
18 posts views Thread by fleemo17 | last post: by
10 posts views Thread by MSNews | last post: by
7 posts views Thread by Yeah | last post: by
26 posts views Thread by Mike Barnard | last post: by
2 posts views Thread by MikeJ | last post: by
21 posts views Thread by Cartoper | last post: by
reply views Thread by NPC403 | last post: by
1 post views Thread by UniDue | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.