472,784 Members | 836 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,784 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 1580
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...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 2 August 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
0
by: erikbower65 | last post by:
Using CodiumAI's pr-agent is simple and powerful. Follow these steps: 1. Install CodiumAI CLI: Ensure Node.js is installed, then run 'npm install -g codiumai' in the terminal. 2. Connect to...
0
linyimin
by: linyimin | last post by:
Spring Startup Analyzer generates an interactive Spring application startup report that lets you understand what contributes to the application startup time and helps to optimize it. Support for...
0
by: erikbower65 | last post by:
Here's a concise step-by-step guide for manually installing IntelliJ IDEA: 1. Download: Visit the official JetBrains website and download the IntelliJ IDEA Community or Ultimate edition based on...
0
by: Taofi | last post by:
I try to insert a new record but the error message says the number of query names and destination fields are not the same This are my field names ID, Budgeted, Actual, Status and Differences ...
14
DJRhino1175
by: DJRhino1175 | last post by:
When I run this code I get an error, its Run-time error# 424 Object required...This is my first attempt at doing something like this. I test the entire code and it worked until I added this - If...
5
by: DJRhino | last post by:
Private Sub CboDrawingID_BeforeUpdate(Cancel As Integer) If = 310029923 Or 310030138 Or 310030152 Or 310030346 Or 310030348 Or _ 310030356 Or 310030359 Or 310030362 Or...
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
2
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...

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.