Forum Moderators: open

Message Too Old, No Replies

Font sizes

Relative or non relative

         

WebMan61

2:11 pm on Dec 14, 2004 (gmt 0)

10+ Year Member



Recently I started using the em font size in css instead of px or pt. It gives me a better selection of sizes and I love using the em size. All was well util last week when I had a customer that uses AOL. She said the font was very tiny and she could not read it. Any comments on using the em font size? Thanks

mrnoisy

10:10 pm on Dec 14, 2004 (gmt 0)

10+ Year Member



1em is based on the browser's text size setting. If the user has it set small, then they will see it small.

Orbite

6:29 am on Dec 17, 2004 (gmt 0)

10+ Year Member



To accomodate difficult clients you could use a styleswitcher.

Search for "Power To The People: Relative Font Sizes" on Google for an excellent article by Bojan Mihelac on how to do this.

SuzyUK

8:15 am on Dec 17, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Also IE has difficulty resizing em's and will display font's sized using them very large or very tiny if the users setting is not medium, fortunately this can be very simply cured ;)

set the intial <body> font size in percent!
If it is presently set to 1em (or has no setting because it's relying on the user default) then set it to 100% (if it's 0.8em then change it to 80% etc..)

you shouldn't then need to change anything else, IE will cope should cope with resizing the rest of the em's just fine

If AOL uses IE, then this should correct the problem for your AOL users too?

Suzy

tedster

9:54 am on Dec 17, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Very nifty - that one goes in the toolkit. I might even start using ems now ;)

WebMan61

12:15 pm on Jan 11, 2005 (gmt 0)

10+ Year Member



Very good Suzy, Thank you