| |
 |
 |
 |
 |
 |
Where's My Favorite Font?
Use only fonts that are widely available on all computers. Specify alternatives
so if the user's system can supply an available font similar to your choice.
Below on the left are a series of font, some relatively common and some less
so, all rendered in an image so everybody will see them as the author wants.
To the right is actual text specified to be in the same font. If the left
and right fonts do not look the same to you, then the specified font is not
available on your machine, and it is substituting the system's default
font. |
| Font
as Image |
Font
as Text |
 |
 |
Verdana 12 pt. text. |
 |
| Georgia 12 pt. text. |
 |
| Times New Roman 12 pt.
text. |
 |
| Academia SSI 12 pt. text. |
 |
| Barrister SSI 12 pt.
text. |
 |
| Cursive-Elegant 12
pt. |
 |
| David 12 pt. text. |
 |
| JohnHancock 12 pt. text. |
 |
| Lucida Sans 12 pt. text. |
 |
| Technical 12 pt. text. |
 |
 |
|
 |
|
 |
 |
 |
OK, Why not Use Graphics?
Since everybody sees the same thing when I render text in a graphic, why
not just replace all the text on my site with images of text? Then I can
use my very favorite, obscure font and everybody will see it. Right?
Unfortunately, wrong! Search engines won't see it. They
don't "read" graphics. They read only the ASCII text in your page's source
code. In place of that beautiful list of fonts above left, search spiders
will "see"
<IMG SRC="../images/fonts.gif" WIDTH="120" HEIGHT="240"
ALT="Various fonts rendered as images"
BORDER="0">
Some search engines will read and index the "alt" attribute of the image.
But they assign very low weight to it. So you kill yourself in free searches
when you render significant text in images.
Restrict image-font use to places such as logos, where
a very custom font is critical. Always use plain text for the body of your
pages and specify a series of similar, common fonts so that at least one
of your choices is likely to be on the user's machine. As a final fall-back,
specify the generic font family, either serif or 'sans serif'.
Back to
Design Tips Page.
|
 |
 |
 |
|
 |
 |
|
 |
|
 |
 |
|
 |
 |
 |
 |
 |
| |
| Toll
Free |
800.448.6399 |
| Boston |
617.723.3339 |
| Va. Bch. |
757.495.2771 |
| Fax |
617.723.7557 |
|
|
|
 |
 |
|
 |
|