The definition of Web Safe fonts means that they are generic fonts that display consistently across all web browsers and are available on all of the most popular operating systems (Windows, Linux, and Mac).
So if you design web pages using any popular operating systems, web-safe fonts will display consistently across them all.
So we have to play it safe. We have a small range of fonts to use, so we have to be creative with what we have.
Below is a list of the most commonly used fonts for Web Design.
You can also download Web Safe fonts here.
font-family: "Georgia", serif
Designed in 1993 by Matthew Carter for the Windows, learn more here.
font-family: "Arial", Helvetica, sans-serif
The typeface was designed in 1982 by Robin Nicholas, learn more here.
font-family: "Courier New", Courier, monospace
The typeface was designed by Howard “Bud” Kettler in 1955, learn more here.
font-family: "Trebuchet MS", Helvetica, sans-serif
Designed by Vincent Connare for the Microsoft in 1996, learn more here.
font-family: "Lucida Console", Monaco, monospace
Designed by Charles Bigelow and Kris Holmes in 1985, learn more here.
font-family: "Verdana", Geneva, sans-serif
Designed by Matthew Carter for Microsoft, learn more here.
Times New Roman
font-family: "Times New Roman", Times, serif
Designed by Stanley Morison in 1931, learn more here.
Lucida Sans Unicode
font-family: "Lucida Sans Unicode", Lucida Grande, sans-serif
Developed by Charles Bigelow & Kris Holmes in 1993, learn more here.
font-family: "Tahoma", Geneva, sans-serif
Designed by Matthew Carter for the Microsoft Corporation in 1994, learn more here.
font-family: "Impact", Charcoal, sans-serif
Designed by Geoffrey Lee in 1965, learn more here.
- The 100 Best Free Fonts for 2022
- 20 Fantastic Free Fonts for Minimal Design
- The 50 Best Free Icon Fonts for UI Design
- 10 Free Retro Font Families for Designers
- 8 Fantastic Examples of Variable Fonts in Action
- Getting Started with Variable Fonts: Tips and Resources
- Exploring the 10 Most Popular Google Fonts
- Good Font, Bad Font: How to Pick the Best Font
- 12 Inspiring Examples of Mixing Solid & Hollow Fonts in Web Design
- How to Speed up Google Fonts in WordPress