15+ Best-Loved Web Safe Fonts Bits With CSS

An article by Maddy    No Comments

This article is the  bits of fonts on this list are considered “web-safe” – they’re supported by all major browsers on any platform. will affect the way your readers perceive your page (serious and formal, or friendly and casual). Aside from this, there are also important usability concerns. For example, some font types are more easily readable than others, and some are more widely available.

Along with each font is a preview image of what it looks like, and the raw CSS code that you can copy and paste directly into your own stylesheet to use the font. If you have any others please drop in a comment.

1. Century Gothic | font-family: Century Gothic, sans-serif;

2. Gill Sans | font-family: Gill Sans / Gill Sans MT, sans-serif;

3. Palatino Linotype | font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;

4. Arial Narrow | font-family: ‘Arial Narrow’, sans-serif;

5. Georgia | font-family: Georgia, Serif;

6. Lucida Sans Unicode | font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;

7. Lucida Console | font-family: ‘Lucida Console’, Monaco, monospace;

8. Arial | font-family: Arial, Helvetica, sans-serif;

9. Arial Black | font-family: ‘Arial Black’, Gadget, sans-serif;

10. Arial Narrow | font-family: ‘Arial Narrow’, sans-serif;

11. Impact | font-family: Impact, Charcoal, sans-serif;

12. Tahoma | font-family: Tahoma, Geneva, sans-serif;

13. Trebuchet MS | font-family: ‘Trebuchet MS’, Helvetica, sans-serif;

14. Verdana | font-family: Verdana, Geneva, sans-serif;

15. Courier New | font-family: ‘Courier New’, Courier, monospace;

16. Times New Roman | font-family: ‘Times New Roman’, Times, serif;