Help | Site Map
Connecting Tech Pros Worldwide
 
 
LinkBack Thread Tools
  #1  
Old July 21st, 2005, 02:51 AM
bugbear
Guest
 
Posts: n/a
Default 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
  #2  
Old July 21st, 2005, 02:51 AM
Beauregard T. Shagnasty
Guest
 
Posts: n/a
Default Re: text sizing

bugbear wrote:[color=blue]
> Is there a current "best practice" for text sizing?[/color]

Yes.
[color=blue]
> I have looked for FAQ (or similar) on this, and come up empty.[/color]

The technique is discussed in these groups almost daily.
[color=blue]
> So - for consistent, cross browser, scaleable font-sizes, what's my
> best plan?[/color]

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.
  #3  
Old July 21st, 2005, 02:51 AM
Stan Brown
Guest
 
Posts: n/a
Default Re: text sizing

"bugbear" wrote in comp.infosystems.www.authoring.stylesheets:[color=blue]
>Is there a current "best practice" for text sizing?[/color]

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/
 

Bookmarks

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are Off
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over network members.
Post your question now . . .
It's fast and it's free

Popular Articles