Standard fonts for all browsers and platforms PC and MAC
Often our clients give us (html to psd coders) web-design with non standard fonts. And every time i need to explain, why i don't use their fonts, but use common crossbrowsers/platforms fonts. And now i decide to create List of common (standard) fonts for all versions of Windows and their Mac substitutes. This will help both designers and html coders. I hope you will find it useful.
Explanations:
1. The Ornage color PC (Windows fonts)
2. The Blue color Mac fonts
Arial, Arial, Helvetica, sans-serif
In your styles it will look: font-family: Arial,Helvetica,sans-serif;
List of browser safe font:
| Normal style fonts |
| Arial, Arial, Helvetica, sans-serif |
| Arial Black, Arial Black, Gadget, sans-serif |
| Comic Sans MS, Comic Sans MS, cursive |
| Courier New, Courier New, Courier, monospace |
| Georgia, Georgia, serif |
| Impact, Impact, Charcoal, sans-serif |
| Lucida Console, Monaco, monospace |
| Lucida Sans Unicod, Lucida Grande, sans-serif |
| Palatino Linotype, Book Antiqua, Palatino, serif |
| Tahoma, Geneva, sans-serif |
| Times New Roman, Times, serif |
| Trebuchet MS, Helvetica, sans-serif |
| Verdana, Verdana, Geneva, sans-serif |
| MS Sans Serif, Geneva, sans-serif |
| MS Serif, New York, serif |
Note that while the ClearType smoothing is applied always, the basic font smoothing of Windows 98/2000/XP is applied only to certain font sizes. That sizes can be specified by the font designer, but usually they are in the ranges of 0-6 and 14+ points (pt).
|