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


    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

    The Next Marketing Tool: Deisgn

    Design sells. It's something that all of us know, but... Read More

    Website Promotion Ideas: 10 Tips On How To Use Your Picture Effectively To Increase Your Sales

    Seeing is believing.One trick to increase your visibility as well... Read More

    Creating the Perfect Website - A beginners Guide

    Are you looking to create the perfect website? A complete... Read More

    What is ASP.NET

    ASP.NET is a new programming framework from Microsoft for developing... Read More

    Web Site Design Mistakes

    Some wise human once said "Learn from the mistakes of... Read More

    Top Ten Ways to Increase Web Sales - Part 1

    You have only 10 seconds to impress your potential buyer.... Read More

    Effective Website Design For Massive Traffic

    STEP 1:Do your homeworkPlan and think about your content. Think... Read More

    How Do We Know When Its Time To Redesign Our Web Site?

    A question we frequently get asked is, "how do we... Read More

    Keep Your Navigation Simple!

    Navigation must be simple. Since it's the backbone of your... Read More

    The Best Simple Software For The Busy Webmaster

    Here are a few programs I can't do without. They're... Read More

    Are You Driving Away Potential Customers?

    When a prospect lands on your website will he or... Read More

    Secrets to Using Color on Your Website and Common Pitfalls to Avoid

    Colors have long been known to have psychological affects on... Read More

    Usability Lessons from the Hospital

    Usability isn't only for Web design. It's also applicable in... Read More

    Custom Web Site Design Strategies

    Web site design has certainly, in the past decade, evolved... Read More

    Lead Capture Pages Explode Your Direct Sales Business Online!

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

    Your Website Visitors - Will They Stay?

    I'm sure you've all heard the saying 'Build it and... Read More

    8 Tips for Designing a Great Website

    Square buttons, round buttons, flashy buttons ? will they match... Read More

    How to Choose a Website Design Company

    The internet is full of web design companies pleading for... Read More

    Flash - To Use Or Not To Use?

    Out there in the WWW there are thousands sites using... Read More

    Choosing Form Over Function Kills Your Site

    Never put form over function. Why? Because it's crucial that... Read More

    How to Hire a Web Designer/Programmer for Your Website

    Hire a designer or a programmer for your website is... Read More

    Save Time and Boost Profits with Free Content

    Public domain gives you a head start creating ebooks, ecourses,... Read More

    The Monster Garage of eLearning

    Have you seen Jesse James on the... Read More

    A Web Site That Sells Is All One Needs To Have A Successful Online Business!

    There are more than billions of Web Sites, running Online... Read More

    Choosing the Right Web Designer

    Creating your web site can be a tricky process. Choosing... Read More

    Content - the Key to Long Term Success

    Every day internet marketers are inundated with the latest fad... Read More

    Your Site Map: Spider Food or Just A Light Snack?

    Mechanical spiders have to eat. In fact, they usually have... Read More

    Good Web Design ? What Is It?

    There is unlimited possibilities when it comes to designing a... Read More

    Through The Looking Glass

    My mother used to take me along when she visited... Read More

    No Matr How Goud The Infomation...

    Typos, misspellings, hideous grammar, exclamation overkill and run-on sentences all... Read More

    Custom Icons For Your Specific Brand

    Developing a software application is not easy at all; apart... Read More

    Can Your Visitors Contact You From Your Website

    Argh, where's the contact button?! Believe it or not, some... Read More