473,396 Members | 1,966 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

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 1617
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: KiwiBrian | last post by:
I wish to place an image of a word of text in the middle of a sentence, but need to adjust the vertical position of the image so that it looks inline with the text. I have tried unsuccesfully to...
18
by: fleemo17 | last post by:
My organization is developing a set of "standards" for websites built inhouse. The first question that comes to mind is what would be a good standard default size for <p> text? 12 point? Which...
7
by: Joe | last post by:
I have a label control that will be filled with text at runtime. The length of the text will vary, but the label must stay the same size. Is there a way to set the font size of the text such that...
10
by: MSNews | last post by:
Hi. I need to set texts to the row headers of a Datagridview, like we can do with column headers. For example: ======================================== | COLUMN A | COLUMN B | COLUMN B |...
7
by: Yeah | last post by:
Ever since I upgraded my Windows display to 120 DPI (kind of a necessary change), fonts have been clearer and graphics have been crisper. However, the 25% automatic increase in the text size on my...
26
by: Mike Barnard | last post by:
Hi all. I am playing with html and css. I don't (yet) have a working site, I'm just trying to build a working, basic template I can use for a couple of ideas I have. I recall reading a...
2
by: MikeJ | last post by:
Hi all.... I need to work with large text files....i know there is a lot of ways under net to work with them.... i want speed, High Percentage of correctness so i was thinking ...but not sure...
21
by: Cartoper | last post by:
I am working on a browser kiosk needs to be able to be run at multiple screen resolutions. What I would like to do is keep the text the same size relative to the screen, all the time. In other...
1
by: littlealex | last post by:
IE6 not displaying text correctly - IE 7 & Firefox 3 are fine! Need some help with this as fairly new to CSS! In IE6 the text for the following page doesn't display properly - rather than being...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.