"Web Safe Fonts"
Fonts which are common to all versions of
Windows & Mac and their equivalents - show me
Why?
If you are new to the process you might think:
"Why must I limit my choices to that small set of fonts? I have a
large collection of nice fonts in my computer"
Answer: your browser can only read
the fonts installed in your computer. So that means that every visitor of your web page needs to have
all the fonts you want to use installed in his/her computer. So the only fonts that you can safely choose for text on a web page are the intersection of pre-installed Mac font set and the pre-installed PC font set. This is the lowest common denominator approach so that "no web surfer is left behind."
But I MUST use my font!
Solution: If you MUST use a particular font for some reason the only way you can guarantee the visual output of that font is to make it into an image - like a .gif file or .jpg file or .png file. That use should have very limitied application - such as in logos, sporadic graphics, etc. If you look at the Crestone Creations logo you can see an example of specialty fonts displayed as an image.
So why not make entire pages into images?
- Slow Loading - you now have a huge image to download - and to make it clear it must be a reasonable resolution.
- No Search Engine Recognition - it's not text anymore - it's an image - a bunch of pixels - so it's like your pages have no content.
- Legibility - The web safe fonts are generally easy to read with computers and monitors designed to read them. Legibility must come first. If you can't read it, then it just doesn' matter!
The list of web safe fonts: |
| Arial, Arial, Helvetica, sans-serif |
| Arial Black, Arial Black, Gadget, sans-serif |
| Comic Sans MS, Comic Sans MS5, cursive |
| Courier New, Courier New, Courier6, monospace |
| Georgia1, Georgia, serif |
| Impact, Impact5, Charcoal6, sans-serif |
| Lucida Console, Monaco5, monospace |
| Lucida Sans Unicode, Lucida Grande, sans-serif |
| Palatino Linotype, Book Antiqua3, Palatino6, serif |
| Tahoma, Geneva, sans-serif |
| Times New Roman, Times, serif |
| Trebuchet MS1, Helvetica, sans-serif |
| Verdana, Verdana, Geneva, sans-serif |
| MS Sans Serif4, Geneva, sans-serif |
| MS Serif4, New York6, serif |
1 Georgia and Trebuchet MS are bundled with Windows 2000/XP and they are
also included in the IE font pack (and bundled with other MS applications), so they
are quite common in Windows 98 systems.
3 Book Antiqua is almost exactly the same font that Palatino Linotype, Palatino Linotype
is included in Windows 2000/XP while Book Antiqua was bundled with Windows 98.
4 These fonts are not TrueType fonts but bitmap fonts, so they won't
look well when using some font sizes (they are designed for 8, 10, 12, 14, 18 and 24 point
sizes at 96 DPI).
5 These fonts work in Safari but only when using the normal font style,
and not with bold or italic styles. Comic Sans MS works in bold but not in italic. Other Mac
browsers seems to emulate properly the styles not provided by the font.
6 These fonts are present in Mac OS X only if Classic is
installed.
|