Browser Safe Fonts
Browsers typically let users specify fonts to be used when pages do not specify fonts using either CSS or <font>. For example, Internet Explorer 7 enables users to specify two fonts, a web page font, used for proportional text, and a plain text font, used for monospace text. These fonts may be different from the CSS generic fonts (discussed below). For example, if the user selects Arial (a sans-serif font) as the default proportional font, this does not necessarily make Arial the CSS generic sans-serif font.
Generic Fonts
There are five generic families of fonts:
- serif
- sans-serif
- cursive
- fantasy
- monospace
The defaults for these vary with the platform, the browser, the fonts available, and the user configuration. Some browsers let users configure the defaults. This gives the user more control over how pages are rendered if the user can pick their preferred generic fonts. But some browsers like Internet Explorer, don't let their users pick what they want, and these browsers may pick fonts that are ugly, or unreadable.
We suggest specific fonts when designing pages. This gives you more control over the appearance of pages, and can result in pages that are more attractive and easier to read.
TIP: Always suggest a list of similar fonts — arial, helvetica, sans-serif — to ensure a more consistent result. For example, if Arial is installed, it is used; otherwise, if Helvetica is installed, it is used; otherwise the generic sans-serif font is used.
Common Fonts
The red checkmarks indicate very common fonts; yellow checkmarks indicate Microsoft Core Web Fonts which are somewhat less common for some operating systems; grey checkmarks indicate Vista fonts which may be installed in some older versions of Windows.
Generic Family |
Font Name |
Windows 2000/XP |
Windows Vista |
Mac OS X |
Linux Unix |
| serif |
Cambria |
 |
 |
 |
 |
| Constantina |
 |
 |
 |
 |
| Georgia |
 |
 |
 |
 |
| Palatino Linotype |
 |
 |
 |
 |
| Times New Roman |
 |
 |
 |
 |
| Times |
 |
 |
 |
 |
| sans-serif |
Arial |
 |
 |
 |
 |
| Arial Black |
 |
 |
 |
 |
| Arial Narrow |
 |
 |
 |
 |
| Calibri |
 |
 |
 |
 |
| Candara |
 |
 |
 |
 |
| Corbel |
 |
 |
 |
 |
| Helvetica |
 |
 |
 |
 |
| Impact |
 |
 |
 |
 |
| Tahoma |
 |
 |
 |
 |
| Trebuchet MS |
 |
 |
 |
 |
| Verdana |
 |
 |
 |
 |
| cursive |
Comic Sans MS |
 |
 |
 |
 |
| fantasy |
|
 |
 |
 |
 |
| monospace |
Andale Mono |
 |
 |
 |
 |
| Consolas |
 |
 |
 |
 |
| Courier |
 |
 |
 |
 |
| Courier New |
 |
 |
 |
 |
| Lucida Console |
 |
 |
 |
 |