Serif Web Safe Fonts
| font-family: 'Bookman Old Style', serif; |
Bookman Old Style |
| font-family: Garamond, serif; |
Garamond |
| font-family: Georgia, serif; |
Georgia |
| font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; |
Palatino Linotype, Book Antiqua |
| font-family: 'Times New Roman', Times, serif; |
Times New Roman, Times |
Sans Serif Web Safe Fonts
Sans serifs are typically used for the bulk of the content on a Web site.
| font-family: Arial, Helvetica, sans-serif; |
Arial, Helvetica |
| font-family: 'Arial Black', Gadget, sans-serif; |
Arial Black, Gadget |
| font-family: Impact, Charcoal, sans-serif; |
Impact, Charcoal |
| font-family: 'MS Sans Serif', Geneva, sans-serif; |
MS Sans Serif, Geneva |
| font-family: 'MS Serif', 'New York', sans-serif; |
MS Serif, New York |
| font-family: 'Trebuchet MS', Helvetica, sans-serif; |
Trebuchet MS, Helvetica |
| font-family: Verdana, Geneva, sans-serif; |
Verdana, Geneva |
| font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; |
Lucida Sans Unicode, Lucida Grande |
| font-family: Tahoma, Geneva, sans-serif; |
Tahoma, Geneva |
Monospace Web Safe Fonts
Monospace fonts are useful when you want to make sure characters all line up with exactly the same width. Displaying code or tabular data without using a table are good uses for monospace fonts.
| font-family: Courier, monospace; |
Courier |
| font-family: 'Courier New', Courier, monospace; |
Courier New, Courier |
| font-family: 'Lucida Console', Monaco, monospace; |
Lucida Console, Monaco |
"Cursive" Web Safe Fonts
Currently, there aren't many Web safe cursive fonts. There is a "cursive" fallback, like sans-serif, serif, and monospace, but for the most part this is highly unused.
Cursive fonts should be avoided in my opinion.
| font-family: 'Comic Sans MS', cursive; |
Comic Sans MS |
|
