Forum Moderators: open

Message Too Old, No Replies

Best font sizing scheme?

         

mordie

9:24 pm on Jun 1, 2005 (gmt 0)

10+ Year Member



What is the most recommended way to set font size for my Web site?

I would like my users to be able to resize the text on my pages via the View>Fonts feature in IE or the View>Text Size feature in Firefox.

I'm using a stylesheet with the font set to "100%" and in my pages I have CSS styles such as style="font-size: 1em."

Thing is, my XHTML 1.0 validates. It looks great in IE but comes out way too large in Firefox.

What's going on and what to do about it?

collymellon

10:57 am on Jun 2, 2005 (gmt 0)

10+ Year Member



You could try using the browser standard insted of specific amount, like:

style="font-size: medium" or style="font-size: smaller"

Your text should then tie in with the browser text changer..

Robin_reala

12:33 pm on Jun 2, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You're setting it to 100% and 1em of the browser's default size which is bigger in Firefox than in IE. Istr that you can set a pixel size on the html element then a pecentage/em size on the body, which will set a default base size for everyone yet allow users to resize in IE.