Forum Moderators: not2easy

Message Too Old, No Replies

Font Units: The Great CSS and Accessibility Debate

Which type of font-size values should I use?

         

cellb10ck

4:46 pm on Sep 3, 2003 (gmt 0)

10+ Year Member



Hey everyone!
I'm wondering which type of values I should use for font-size selection for screen media.

I usually use px, but that disables the text-size option in IE. Is that alright or is there a better alternative?

These are the values I know of:
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
pt
px
em
%

Nick_W

4:57 pm on Sep 3, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi and Welcome to WebmasterWorld!

A much debated issue: My preference is em's or % - About .8/80% minimum for menus and .9/90% for body text.

Nick

choster

5:34 pm on Sep 3, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



There was a pretty good discussion a little over a year ago, [webmasterworld.com...] .

I use em, despite www.richinstyle.com/masterclass/lengths.html advising against it. I prefer it because it is proportional to the typeface; whitespace is preserved well when the user resizes. It does, however, cause problems for users who change the Internet Explorer font-size setting from "medium" to something else (super-tiny or super-gigantic). Setting {font-size: 100%} on the body tag makes things incrementally better.

The only time I use pixels is for colored borders, and the only time I use inches is for print margins.

[edited by: choster at 8:28 pm (utc) on Sep. 3, 2003]

cellb10ck

7:56 pm on Sep 3, 2003 (gmt 0)

10+ Year Member



Thank you for your replies. I think I'm gonna use em's. It's seem like the best choice.

What about the print media? At the moment I'm using pt.

ergophobe

12:40 am on Sep 5, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month




despite www.richinstyle.com/masterclass/lengths.html advising against it.

Actually, they only say you shouldn't use it if you are serving that style sheet up to IE3 (all 9 copies still in use) or NS4 (which you can easily test for or just accept that NS4 and IE3 users won't have fonts sized as you envision).

Otherwise, they say it is the BEST unit of length.


I usually use px, but that disables the text-size option in IE

And fonts that can't be resized is a common reason that I leave a site that I would otherwise be interested in, so I think you did well to ask about it here and, in case I ever end up at one of your sites, thanks for saving my eyes!

Tom

aevea

1:25 am on Sep 5, 2003 (gmt 0)

10+ Year Member



My new policy is to use ems for body and content stuff, but pixels for navigation and titles. I like to have the control on navigation bars, but I want the user to be able to adjust anything long that they have to read.

Small Website Guy

2:41 am on Sep 5, 2003 (gmt 0)

10+ Year Member



I use px because it makes your pages look nicer. Only px assures you how many pixels high your fonts will come out in the browser.

ergophobe

6:01 am on Sep 5, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month




I use px because it makes your pages look nicer.

That should read "look nicer to me on my machine, while also making my site inaccessbile to elderly people and visually impaired."

I'm neither, but I spend a lot of time staring at a computer screen and since I run at a fairly high resolution, fixed font sites are often too much trouble for me to read and I just go elsewhere. You may like the look, but you may also be losing customers.

Tom

Nick_W

6:03 am on Sep 5, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



For what it's worth: I have bad vision, and I'll be damned if I want to adjust my pref's or mess with your page unless it's really essential to me.

I'll just go find another site if I can't read yours... ;)

Nick

SuzyUK

11:07 am on Sep 5, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I use px because it makes your pages look nicer. Only px assures you how many pixels high your fonts will come out in the browser.

really? ;)

It's only IE that doesn't resize px as far as I know, and apart from agreeing with what everyone else has said about "if they can't read it, they'll leave"

I think that any reply under a thread title about accessibility where the designer wants to be "assured" of font-sizes, shows lack of respect for the entire accessibilty issue.

Suzy

you reminded me of this post [webmasterworld.com]I made last time this came up!.. I was a little bit fraught ;) but it's still true!

PCInk

12:47 pm on Sep 5, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I use px. I used to use em's but stopped using them after I had someone phone up to ask for some prices. They could not read my website because the font was so small. I asked him what his setting on font size was in his browser, he had it set to very small, hence he could not read it. This is a person who designed a offshoot website for a very large bank in the UK. Obviously he is technically minded but assumed the problem was with my site.

Is there any way you can set a minimum size (e.g. with CSS2)? And if so, which browsers and versions support this? Because this could give the best of both worlds, setting a minimum in px/pt and the standard size in em's/%.

Small Website Guy

1:41 pm on Sep 5, 2003 (gmt 0)

10+ Year Member



It's pretty common for sites to use px.

Furthermore, it's very rare for sites to be optimized to work correctly when people change their font sizes. I played around with that once upon a time, and found that so many sites I visited didn't look right.

I don't think very many people change their font settings. If your site is inaccessible to 1%, but looks better for 99%, I'd go with the 99%.

Bad80sHair

3:27 pm on Sep 8, 2003 (gmt 0)

10+ Year Member



ive always used ems (usually .7 or .8) but have run into trouble just recently.

using a js pull-down navigation menu, the menu options are far too big on macie and safari (i assume it's a mac thing).

is there a recommended text height for button elements? are they as sensitive as body text when it comes to people having troubles reading them if i specify a px height?

does this make any sense? ;)