It is best to style the font using Cascading Style Sheet code. You either place all of your CSS in a document you call at the top of every HTML page, or you can add the style coding into the header of your HTML. The former is better, as if you change your mind, you can make one change and the whole site is changed.
To call a stylesheet, one normally adds something like this to the <head> section:
<link rel="stylesheet" href="css/styles.css" type="text/css">
I actually call the stylesheet via a full URI, but I have not made enough posts to post URIs yet. Using the full URI means search engines pick the style sheet up as well and your cached website has all of its styling.
Inside styles.css, you can then decide how to format your code. To answer the original posters question, my H1 looks like this:
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #000066; text-align: center; background-color: transparent; }
If I wanted a smaller font, I would simple change the font-size to 16px.
If you want to code it to the top of your HTML, add (inside the <head> section) something like this:
<style>
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #000066; text-align: center; background-color: transparent; }
</style>
You can also use the above method to override your main style sheet, for example:
<style>
H1 { font-size: 16px; }
</style>
Would override the 18px sizing from the style sheet, but only for that one page.
I hope this helps.
