In my css template, http://www.outdoorhighadventure.com/style.css, I would like to make the default text size to be size 2. How could I fix this? In the css code it says the body text is 12px. IS that size 2? Thanks. Sorry, I'm new at css!

http://www.w3.org/TR/CSS21/fonts.html#font-size-props

For font size 2 in css would be

font-size: small;

I perfer using em where 1em is the normal text size of the users browser. Incrementing is done for example with 1.1em etc. or decreasing 0.9em, etc.

I really don't recommend font-size: small as the parent font-size for your entire document. I always do this:

body {
    font-size: 62.5%;
}

Now, all fonts in the document can be expressed in em's, where each .1em equals one pixel. Having resizable fonts makes a huge difference when designing pages for maximum accessibility

Okay, Wayfarer07, so if I want to express the font size in em's, then what size would 2, or small, be? Also, explain how I get and use resizable fonts. I have been looking into adding the feature to make the text larger, so how do I start that? Thanks.

I did a simple test to determine the size in pixels for font-size: small (I wasn't sure), and found that font-size: small = 13px. Therefore, with the font-size set to 62.5% in the body as outlined above, a font-size of 1.3em would be equal to font-size small at default browser settings.

I did all four text sizes in both IE and FF and
small was about 13px in FF but 13px was smaller in IE
62.5% was noticeably smaller than small in both browsers.
1.3em was much larger in both browsers.

Ok, I only tested in Firefox. If this is true, it is pretty much like saying that we shouldn't use these references (ever) when assigning font-sizes. The em should also never be used as the parent for the entire document, as it is not consistent across all browsers (except when relative to a percentage). Also, beware of mixing px with em!

It is NOT a good idea to use small, medium, large font sizing BECAUSE it is inconsistent across browsers. I always start by assigning the base font size for the document at 100.1% (takes care of rounding errors), then use percentages or em's for font sizing throughout. Default size of fonts for most browsers is 16px. 75% would be 12px etc. Just do the math.

Okay, thanks a lot LadynRed! So I would just have this in my css,

body {
    font-size: 100.1%;
}

Then add

<font size=75%>

or em throught the page to change font size? Thanks!

Odha, you'd be better off with classes on the elements of your HTML, with font size set on those classes (when needed) in the CSS document. Don't put font sizes in the main body of your document.

Thanks! Will do.