Top 10 Beautiful Web Safe Fonts for Website Design

 In OVOC Insight, Tips for Web Designers

The definition of Web Safe fonts means that they are generic fonts that work throughout (most) Web Browsers and are used on all operating systems (Windows, Linux and Mac). So if you design web pages on any of these sytems or use any browser then they will be displayed the exact same. Of course, nothing is as easy as saying that Comic Sans works across all, the reality is, with Safari, that Bold doesn’t display well. So we have to play it safe, we have a very small range of fonts to use, so we have to be creative with what we have.

Below are a list of the most commonly used fonts for Blogging and Web Design.


(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.

Technorati Tags: , , , , ,

Recommended Posts

Leave a Comment

ERROR: si-captcha.php plugin: GD image support not detected in PHP!

Contact your web host and ask them to enable GD image support for PHP.

ERROR: si-captcha.php plugin: imagepng function not detected in PHP!

Contact your web host and ask them to enable imagepng for PHP.

Contact Us

Do you have a project ready and need a quote, or just want to talk through your design and branding requirements? Send us an email and we'll get back to you soon.

Not readable? Change text. captcha txt

Start typing and press Enter to search