CSS – Web Safe Fonts Reference
CSS – Web Safe Font Reference
Font Combinations
CSS3 uses font combining techniques. Here, if the browser doesn’t support the first font, it tries the next font.
Serif font
| Font family | Normal | bold |
|---|---|---|
| Georgia, serif |
This is normal text. |
This is normal text. |
| “Times New Roman”, Times, serif |
This is normal text. |
This is normal text. |
| “Palatino Linotype”, Palatino, “Book Antiqua”, serif |
This is normal text. |
This is normal text. |
Sans serif font
| Font family | Normal | bold |
|---|---|---|
| Arial, Helvetica, sans-serif |
This is normal text. |
This is normal text. |
| “Arial Black”, Gadget, sans-serif |
This is normal text. |
This is normal text. |
| Impact, Charcoal, sans-serif |
This is normal text. |
This is normal text. |
| Impact, Charcoal, sans-serif |
This is normal text. |
This is normal text. |
| Tahoma, Geneva, sans-serif |
This is normal text. |
This is normal text. |
| “Trebuchet MS”, Helvetica, sans-serif |
This is normal text. |
This is normal text. |
| Verdana, Geneva, sans-serif |
This is normal text. |
This is normal text. |
Monospace font
| Font family | Normal | bold |
|---|---|---|
| Courier, monospace |
This is normal text. |
This is normal text. |
| “Courier New”, Courier, monospace |
This is normal text. |
This is normal text. |
| “Lucida Console”, Monaco, monospace |
This is normal text. |
This is normal text. |
Cursive font
| Font family | Normal | bold |
|---|---|---|
| “Comic Sans MS”, cursive |
This is normal text. |
This is normal text. |
| “Courier New”, Courier, monospace |
This is normal text. |
This is normal text. |
| “Lucida Console”, Monaco, monospace |
This is normal text. |
This is normal text. |