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 |