Top 10 (Web Safe) Blogging Fonts

December 30, 2007 - 66 Comments
Fonts

Join 38,000 of our readers, by following us via our RSS Feed, on Twitter, on Facebook or on Digg

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.

You can also download Web Safe fonts here.

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

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

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

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

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

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

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

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

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

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

32 Comments › Leave yours

CostCaptain
12 Jan, 2008
It is so challenging to find the correct font to match the theme of your site. Steve Jobs of Apple.com took calligraphy in college which helped him design the first Mac. You really need an eye for design and it makes all the difference in the world.
Reply
Rapidshare Bloggers
12 Jan, 2008
Sweeeet list
Reply
Carlos Eduardo
30 Jan, 2008
Great List!
It will help many Web Designers that already have questions about wich fonts can they use on their works…
I like the CSS rule for each font too.
Thanx!
Reply
Ron S
2 Feb, 2008
It’s no question that the above 10 fonts are safe for use on the web, but most will agree that using Impact and Courier is a rather bad idea, for usability and aesthetic purposes.
Reply
apple pie recipe
4 Feb, 2008
I never knew some of these fonts were as old or as new as they are.
Reply
David Jacques-Louis
8 Feb, 2008
Interesting reading
Reply
Amber-Lee
12 Feb, 2008
I’ve found that it is important to take a look at the display of your site with each of the fonts. For instance, if you use this rule:Font-Family: “Trebuchet MS”, Helvetica, sans-serif; test it with the Helvetica alone. That way if for some reason the user doesn’t have “Trebuchet” there won’t be any surprises on what your lay out looks like. Heck, I’ve even tested with “serif”.
Reply
Not Web-safe
20 Feb, 2008
Most of these fonts are “web-safe” for Windows, and only for Windows. They are shaky, at best, with other systems.
Reply
Stephen
21 Feb, 2008
To be fair, I think the point of the article is to suggest CSS rules which are web-safe, rather than fonts per se.
Each one has a Mac font similar to the Windows one (e.g. Geneva for Tahoma).
Not rocket science, but a handy list.
Reply
kayol
6 Mar, 2008
Stumble! Found this post through our web hosting website. Correct font and theme to match can be very trying when it comes to blogging.
Reply
Stephanie
8 May, 2008
Thanks this is just what I was looking for.
Reply
Jack
16 May, 2008
Nice List, Thanks Again.
Reply
Movie Goers
18 Jun, 2008
Thanks for the download link for the fonts =)
Reply
ремонт офисов
4 Aug, 2008
Круто. Так и продолжай.
Reply
Armand
28 Aug, 2008
I like “Lucida Sans Unicode” and Georgia. It is comfortable and eyes friendly, suitable for body post.
Reply
blazer
23 Sep, 2008
yo!!!! it is funny as hell for qeers( like you all ) to da dis site YO!!!!!!!!!!
Reply
sharita
8 Oct, 2008
can we have more?
Reply
iwebie
10 Oct, 2008
Verdana is my Favorite. I use it in all my offline Documentation. I think Its time to relook at the blog now.
Reply
Shagun
27 Dec, 2008
Sweeeet list
Reply
Label Printing | PrintPlace.com
21 Jan, 2009
I wouldn’t use Courier or Impact for the body of my blog posts, but maybe the headers. These are just too hard to read when small and they take up valuable space. I’m surprised Helvetica isn’t on here, esp. since some designers think Arial is a rip-off of Helvetica!
Reply
Pollan
8 Apr, 2009
Super-Duper site! I am loving it!! Will come back again – taking you feeds also, Thanks.
Reply
nev
1 Jul, 2009
cool
Reply
Mario Lat
31 Jul, 2009
I would love to find free Futura Bold font. Love it. ;-) Care to pm me? Thks.
Reply
Kostkac
10 Oct, 2009
Here you can download desired font – http://www.fontyukle.com/en/ara.php?ara=futura
Reply
Kan
15 Nov, 2009
nice list. though Helvetica font is missing
Reply
Gabriel
17 Dec, 2009
nice list, thanks!
Reply
egyptwebdesign
22 Dec, 2009
wow
so easy, so simple, so helpful
thanks
Reply
This
6 Jan, 2010
As a webmaster , I’m very glad to find that someone thought to post this topic.
All too many people out there don’t grasp the concept of what all is required in this field, and I think also we are many times not appreciated enough
or taken for granted. Never the less I’m very glad to see that you may feel the same way I do , thanks so much for this post!
Reply
tipografias
7 Jun, 2010
interesante gracias…
Reply
Ellie 8-|
29 Aug, 2010
Heyyyy! You kinda didnt help me at all cause all the fonts you chose where really old ones and I wanted new modern ones to use when I talk to my friends on MSN! x
Reply
- apaulandrew
  29 Aug, 2010
  Hi, this post is almost 3 years old. If you type “fonts” in the search box above you will find some fresher articles and resources.
  Paul.
  Reply
Kerian
31 Aug, 2010
I currently use Times New Roman but I also like Georgia. How about the font size? Blogger only gives you options for smallest, small, normal, large, largest.
Reply