lucy24 - 9:17 am on Jul 14, 2012 (gmt 0)

The <font> tag has been wildly deprecated for years and there is-- let me be brutal-- no excuse whatsoever for using it.

In the case of h1 it is easy because there shouldn't be more than one of them on a page, so it goes in the CSS as posted above. But express the size as a percentage for better control:

h1 {text-align: center; font-weight: normal; font-style: normal; font-family: arial, sans-serif; font-size: 200%;}

In your boilerplate CSS, always include three things for all headers: text-align, font-weight and font-style. All three will otherwise be handled by browser defaults-- which might change next year as fashions change, or if one browser decides to be different.

I start with a generic line in the shared CSS that goes something like

h1, h2, h3, h4, h5, h6 {text-align: center; font-weight: normal; font-style: normal; margin-top: 1em; margin-bottom: 1em; line-height: 1.5;}

... and then list the default sizes for the six levels.

The actual numbers may change, but they mean that the browser has nothing left to do and I know exactly what I'll be seeing. Different values can be set within directories or in individual documents.