Test driving Tony’s new fonts
The font definitely gives Tony’s Web page a
new look. The headings now have a cleaner look
without the serifs on the letters, although they
still look a tad large on the page.
Open the page with the new CSS in the browser and you
should see we’ve now got a nice set of sans-serif fonts.
Let’s check out the changes...
The paragraph text is also
clean and very readable.
Because font-family is an inherited property,
all elements on the page are now using a
sans-serif font, even the list elements...
... and the <blockquote>s.
And if the serif fonts were more
your cup of tea, don’t let us stop you.
You can always redo the font-family
declaration to use serif fonts.
How do I specify a font
with multiple words in the
name, like Courier New?
Just put double quotes
around the name in your font-
family declaration, like this:
font-family: “Courier New”,
So the font-family
property is really a set of
Yes. It’s basically a
priority list of fonts. The ﬁrst is
the font you’d like used, followed
by a good substitute, followed by
more substitutes, and so on. For
the last font, you should specify
the catch-all generic “sans-serif”
or “serif”, which should be in the
same family as all the fonts in
Are “serif” and “sans-
serif” real fonts?
“serif” and “sans-serif”
are not the names of actual
fonts. However, your browser
will substitute a real font in
place of “serif” or “sans-serif” if
the other fonts before it in the
font-family declaration can’t be
found. The font used in its place
will be whatever the browser
has deﬁned as the default font in
How do I know which
to use? Serif or sans-serif?
There are no rules.
However, on a computer display,
many people consider sans-serif
the best for body text. You’ll
ﬁnd plenty of designs that use
serif for body text, or mix serif
fonts with sans-serif fonts. So,
it really is up to you and what
kind of look you want your page
there are no
some fonts questions