Web-Safe Fonts for Your Site

Choosing the right typeface for your website copy is important, since it will affect the way your readers perceive your page (serious and formal, or friendly and casual). Aside from this, there are also important usability concerns. For example, some font types are more easily readable than others, and some are more widely available.

You want to choose font types that:

  • fit the character of your site,

  • are easy to read on a computer screen, and

  • are widely available across many browsers and operating systems.

    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.

    In The News:


  • pen paper and inkwell


    cat break through


    Successful Flash Tips

    Ever browse across a website that took ten million years... Read More

    Flash Doesnt Always Add Shine to Web Efforts

    The trend today to overuse animation in a website's opening... Read More

    The Contrast And Similarities Between A Web Designer And Web Programmer

    The concept of web designing based on the nature and... Read More

    Turn Benefits Into Sales with Streaming Media

    The "Wow" factor that accompanied the introduction of streaming media... Read More

    Graphic Design Using Color

    Color is everywhere and conveys a message even if we... Read More

    Understand Your Color

    Any design on a web application involves the effective input... Read More

    Finger Eating Garage Door Reveals Breakthrough Web Design and Linking Strategy

    Last Thursday afternoon I was working on a garage door... Read More

    Flash Design Adds Website Versatility

    You have probably viewed many Flash-based components while surfing the... Read More

    Lead Capture Pages Explode Your Direct Sales Business Online!

    Are you building a direct sales or mlm business online?... Read More

    Website Design: 10 Smart Tips To Improve Your Ad Copy

    Your website design may be affecting your sales in ways... Read More

    7 Benefits of HTML Validation

    You may not bother with html validation or writing simple... Read More

    Why You Should Hire a Professional Website Designer

    Your web site should always adhere to standards!A professional web... Read More

    Internet Tip of the Week: First Impressions

    First impressions are extremely important if you hope to do... Read More

    Testimonials Can Increase Your Web Traffic

    We've all seen and read product testimonials. They're a very... Read More

    Excellently Constructed Websites

    Want to see an excellently constructed website? As a writer... Read More

    How To Use Unsafe Web Colors With Minimum And Safety And Maximum And Profit

    Do you want to use unsafe web colors without offending... Read More

    How To Design A Web Site

    I'm not a professional web site designer and openly admit... Read More

    How to Create an Enjoyable Web Page Design

    Novice and professional designers alike ? you may probably be... Read More

    Effective Website Design

    In this era of ultra-sophisticated internet marketing and web design,... Read More

    Increase Your Credibility With Web Site Awards

    Web Site Awards are given from other sites to reward... Read More

    Hiring a Graphic Designer

    You've come up with a great product. You've got the... Read More

    Build It And Build It Cheap!

    There are several very good reasons why you should consider... Read More

    Creating Personal Web Sites

    This is a two-part article about creating a web site... Read More

    Does Your Homepage Work?

    All websites have a homepage. It is the most important... Read More

    Top Ten Fonts for Website Design

    The top ten fonts for website design might change in... Read More

    Web Design: Should You Hire Someone or Do It Yourself?

    So you need a website. You are not sure if... Read More

    Is Your Website Color As Inviting as Your Home? Does Color Really Matter?

    We've all read the countless publications about effective web site... Read More

    How To Boost Your Sales Dramatically Using Dynamic Back-end Strategies

    Getting a customer is not easy.Getting a visitor to decide... Read More

    Free Website Design Tips

    In this article I will give a few tips of... Read More

    6 Design Flaws Newbie Web Designers Make: Fool Everyone Into Thinking You Know What Youre Doing

    Even if you're not an accomplished webmaster you can still... Read More

    Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 1

    Have you put a lot of effort, time, and money... Read More

    How to Design Website Which Google Likes

    Are you going to design or redesign new website or... Read More

    Top Six Ways To Make Your Visitors To Hate YOU!

    We will take a look at why your visitors may... Read More