Web-Safe Fonts for Your Site

There are basically two types of fonts: serif and sans serif. Serif fonts are those that have fine cross-lines at the extremities of the letter. Sans serif ("sans" being the French word for "without") are fonts that don't have serifs. The most common serif font is probably Times New Roman. Arial is an example of a common sans serif font.

Let's go briefly through the most popular font types and evaluate their availability, readibility and character:

Arial:

• Availability.- Thoroughly available. It is probably the most common sans serif font. It is the default font for Windows, and it first shipped as a standard font with Windows 3.1.

• Readability On Screen.- Not the worse but definetely not the best, especially at small sizes, when it becomes too narrow and the spacing between characters too small.

• Character.- Has a streamlined, modern look but is also plain and boring.

  
  * For Mac users, the equivalent of Arial is Helvetica.

Times New Roman:

• Availability.- Thoroughly available. It is probably the most common serif font. It is the default font for web browsers. It was first shipped as a standard font with Windows 3.1

• Readability On Screen.- Acceptable for font sizes of 12pt. and up, but terrible for smaller sizes.

• Character.- Serious, formal and old fashioned.

  
  For Mac users, the equivalent of Times New Roman is Times.

Verdana:

• Availability.- A widely available sans serif font, Verdana was first shipped with Internet Explorer version 3, when the exponential growth of the Internet demanded a new font that was easy to read on the screen.

• Readability On Screen.- Exceptional. It's wide body makes it the clearest font for on-screen reading, even at small sizes.

• Character.- Modern, friendly and professional.

Georgia:

• Avaliability.- Good. It is a serif font introduced by Microsoft with Internet Explorer version 4, when the need for a serif font which much better readability than Times New Roman became evident.

• Readibility On Screen.- Very good. It is the best serif font for on-line reading, since it was specifically designed for that purpose.

• Character.- Modern, friendly and professional.

Microsoft has also popularized two more fonts: Comic Sans Serif and Trebuchet.

Comic Sans Serif was launched with Internet Explorer verion 3 and mimics the hand writing used in comics. It is easy to read and is informal and friendly, but it is not considered appropriate for more serious, professional sites.

Trebuchet is another sans serif font, similar to Arial but with more character, although it can be difficult to read in small sizes.

Finally, we can mention Courier New, a serif font that was widely popular with old, mechanical typewriters, and that is now used only to present simulated computer code (if you need to present snipets of sample HTML code in your web pages, this is the font to use.)

Therefore, from a usability perspective, the clear winner is Verdana. If you are inclined to use a serif font, Georgia is the best option. Arial remains a good option for specific parts of text, like headlines and titles, where a different font must be used and you can use larger sizes.

-----

You can freely reprint this article. Just include the following resource box at the end:

About The Author

Mario Sanchez publishes The Internet Digest ( http://www.theinternetdigest.net ), an online collection of web design and Internet marketing articles and resources. You can freely reprint his weekly articles in your website, ezine, newsletter or ebook.

Web Design Company launches Blog with Free Tips & Articles for ... UKPRwire (press release), UK - 6 hours ago Web site design Company Kronik Media have launched a Blog that offers up to date information, free tips and articles on Web design, Ecommerce and Search ...

Kiwanis hears about web design Williamson Daily News, WV - 6 hours ago By CHARLOTTE SANDERS WILLIAMSON – A professional graphic arts designer from the Tug Valley area, Sherri Murphy, gave members of the Williamson Kiwanis Club ...

Web Design or Not? Technosailor, MD - 14 hours ago Recently, it was brought to my attention that I did not have a portfolio page here at Emmense. While this is true (and it was certainly brought to my ...

Web Design Consultancy Services – Choosing the Right Firm Corsavoo.com, France - 19 hours ago You should ask web design companies if you can view testimonials offered by past and present clients. This will allow you to find out what prior clients ...

Web Design Doesn't Need To Be Complicated - Remember The Basics Corsavoo.com, France - 19 hours ago Using modern web design technologies you can achieve some excellent, effective website designs, however the basics of effective business websites and sales ...

Good Web Design - Entry Page Creation Tips. Corsavoo.com, France - Aug 20, 2008 Providing lots of entry pages on your site is a very powerful search engine technique, for example, my web design business is based in Doncaster, ... A Web Design Impossibility? 5 Crucial Steps to a Successful DMOZ ... Corsavoo.com all 2 news articles

Web Hosting Provider, MidPhase, Debuts New Web Design, After UK2 ... WebSite Host Directory (press release), OR - Aug 20, 2008 Chicago, Illinois - (Website Hosting Directory) - August 20, 2008 - Web hosting company, MidPhase, has officially relaunched the company website, ...

Red Brick Interactive - Northern Virginia web design and Internet ... openPR (press release), Germany - Aug 20, 2008 (openPR) - Red Brick Interactive (redbrickinteractive.com), a Northern Virginia web design and internet marketing firm serving metro Washington DC, ...

Aplus.Net Enhances Web Design Product Suite webhostdir.com, UK - Aug 20, 2008 Net, has expanded WebImage, its web design service, to offer a full assortment of add-on options specially designed to facilitate online business growth. ...

Employment Background Investigations, Inc. Amplifies Image with ... PR Web (press release), WA - Aug 20, 2008 Owings Mills, MD (PRWEB) August 20, 2008 -- Employment Background Investigations, Inc. (EBI), an industry leader in global background screening, ...