Head First HTML with CSS

Getting Tony a new font-family
Let’s get Tony set up with a font-family. We’re going to start with
some clean sans-serif fonts. First, create a new file, “journal.css” in the
“chapter9/journal” folder and add this rule:
body {
font-family: Verdana, Geneva, Arial, sans-serif;
}
We’re setting the
font-family property
on the element.
Remember, the
elements in the
will inherit these fonts.
Remember, you fixed up Tony’s journal to
be strict XHTML in Chapter 7.
styling with fonts and colors
My Trip Around the USA on a Segway
.
.
.
You’ll see Verdana
on most PCs. And Geneva on
We’ve chosen a set of
sans-serif fonts here.
most Macs.
Arial is
common
on both.
Now you need to link Tony’s journal to the new style sheet file. To do that, open
the file “journal.html” in the “chapter9/journal” folder. All you need to add is the
element to link in the style in “journal.css”, like we did below.
After you’ve made this change, save the file, fire up your browser and load the page.
And if all else
fails, we have
the default
sans-serif.
Here’s where we’re
linking in the new
“journal.css” file.
you are here 349