Makers Byte
Published in

Makers Byte

Web Safe Fonts

The Ultimate List of Web-Safe HTML and CSS Fonts

Web Safe fonts refers to the generic fonts that work on all Web Browsers and are used on all operating systems includes Windows, Linux and Mac.

If you are designing web pages on any of these systems or use any of these browser then, they will be displayed the same. 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 web safe fonts:

(CSS) Font-Family: “Georgia”, serif
Designed in 1993 by Matthew Carter for the Windows…read more on Wikipedia.

(CSS) Font-Family: “Arial”, Helvetica, sans-serif
The typeface was designed in 1982 by Robin Nicholas…read more on Wikipedia.

(CSS) Font-Family: “Courier New”, Courier, monospace
The typeface was designed by Howard “Bud” Kettler in 1955…read more on Wikipedia.

(CSS) Font-Family: “Trebuchet MS”, Helvetica, sans-serif
Designed by Vincent Connare for the Microsoft in 1996…read more on Wikipedia.

(CSS) Font-Family: “Lucida Console”, Monaco, monospace
Designed by Charles Bigelow and Kris Holmes in 1985…read more on Wikipedia.

(CSS) Font-Family: “Verdana”, Geneva, sans-serif
Designed by Matthew Carter for Microsoft…read more on Wikipedia.

(CSS) Font-Family: “Times New Roman”, Times, serif
Designed by Stanley Morison in 1931…read more on Wikipedia.

(CSS) Font-Family: “Lucida Sans Unicode”, Lucida Grande, sans-serif
It was developed by Charles Bigelow & Kris Holmes in 1993…read more on Wikipedia.

(CSS) Font-Family: “Tahoma”, Geneva, sans-serif
Designed by Matthew Carter for the Microsoft Corporation in 1994…read more on Wikipedia.

(CSS) Font-Family: “Impact”, Charcoal, sans-serif
designed by Geoffrey Lee in 1965…read more on Wikipedia.

Did we missed anything, if so leave it as a comment :)

If you enjoyed this post…it would mean a lot to me if you could click on the “claps” icon…up to 50 claps allowed — Thank You!




Resource hub for Designers/Developers

Recommended from Medium

How to build a Document Scanner with OpenCV and Python

What represents the past, present, and future

Wordpress Advantage on SmartWoman Radio

Stop Calling them ‘Bugs’

.NET Core-Part 2 : Getting started coding

Term Paper- Social Media Website

API Key and Usage Plan Integration with AWS API Gateway

How to Build a Software Engineer Career Ladder (Example)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Shahzaib Khan

Shahzaib Khan

Data Scientist, Developer, Tech Writer, Entrepreneur and Computer Science Enthusiast. Connect with me @

More from Medium

Enjoying web design using Tailwindcss

25+ Most Popular Real Estate WordPress Theme

Webflow vs WordPress: Best WordPress Alternative 2022

Top Sites Of The Month That You Must See — May.2022