The font is often the first thing that you'll want to change on a Web page. The default font on a Web page can be ugly, and is actually up the Web browser itself, so if you don't define the font, you really won't know what your page will look like.
Typically, you would change the font on paragraphs, or sometimes on the entire document itself. For this site we'll define the font at the header and paragraph level. Add the following to your styles.css document:
p, li {
font: 1em Arial, Helvetica, sans-serif;
}
h1 {
font: 2em Arial, Helvetica, sans-serif;
}
h2 {
font: 1.5em Arial, Helvetica, sans-serif;
}
h3 {
font: 1.25em Arial, Helvetica, sans-serif;
}
I started with 1em as my base size for paragraphs and list items, and then used that to set the size for my headlines. I don't expect to use a headline deeper than h4, but if you plan to you'll want to style it as well.