Overall Page text size...

Hello everyone...

I've got a seemingly simple question.. but l can't seem to find the answer l'm looking for anywhere, thought one of you experts would be able to point me in the right direction.
------------------------------------

I'm looking to make the font on my entire webpage automatically set to the "smaller" text size setting... regardless of what the user has their "text size" set to in their browser.

So no matter what their "text size" setting is, l want the text to appear as "smaller"...and l want this to span across all text on the entire HTML document.

Would it be something like this?

<style>
{font-size:smaller}
</style>

Any help would be greatly appreciated!!

Thanks :)

~JSlime

If you want to set an initial font size as smaller than default, use a percentage, eg:

p { font-size:80%; }

But it won't be regardless of the user's font setting, it will a proportion of default, which will be bigger or smaller for invidual users. You can't force a particular font size, except in IE by using pixel, but that's not a good idea.

Ideally, IE would support scaling in font sized in pixels, but no. What I normally do is:body, html { font-size: 16px }
div#content { font-size: smaller }
/*which is a bit smaller than 16px, but still scalable.*/