HTML and CSS Reference
In-Depth Information
How do I deal with everyone having
different fonts?
The unfortunate thing about fonts is that you
can't control what fonts are installed on your
users' computers. Not only that, but they tend
to differ across operating systems—what might
be on your Mac may not be on your user's PC.
So, how do you deal with that? Well, the tried-
and-true strategy is to create a list of fonts that
are most appropriate for your pages and then
hope the user has one of those fonts installed.
If he doesn't, well, at least we can count on the
browser to supply a generic font in the same
font family.
Let's look at how to do that in a little more
detail. What you need to do is ensure that your
font-family
declaration includes fonts that
are likely to occur on both Windows and the
Mac (as well as any other platforms your users
might be using, like Linux or perhaps mobile
devices), and that it also ends with a font family.
Geneva
Courier
Helvetica
Times
Here's an example:
Let
's take
a look a
t
our
definit
ion for T
ony's
pag
es again
…
(1) We
'd like f
or
Verda
na to b
e
used,
but…
font-family: Verdana, Geneva, Arial, sans-serif;
(2
) If it's
not, G
eneva wo
uld
be
nice, b
ut this
will prob
ably
on
ly happe
n on M
acs. But
if
it
's not…