Free Adobe Photoshop website templates by Colorifer.com. Web design articles
articles.colorifer.com - articles about web design

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.


    MORE RESOURCES:

    Positive Web Design Now Able To Build Websites In Variety Of Programmes
    PR Web (press release)
    Positive Web Design has recently adjusted its design procedures and is now in a position to offer clients websites built in a huge variety of programmes. Positive Web Design, a website design and development company based in Chelmsford, Essex, ...

    and more »


    Different aspects of web design
    PRWire
    Therefore, utmost care should be taken while you go through the process of web design. Though it's not a big deal to get a nice webpage for your website, getting everything in the righ Your website design must be appealing and also cater to the need of ...
    A Long Island Web Design Company Now Ready to Offer ServicesEmpowered News (press release)

    all 2 news articles »


    In Naples, Web Design Is Most Important
    Present tense Magazine
    In Naples web design is taken care of. Search top companies that will provide you with cutting edge ideas, formats and styles to revamp your website. Online search engines have become increasingly popular when searching for contractors.

    and more »


    Town launches new website
    Door County Advocate
    Ham Rutledge, who will continue to serve as the town's webmaster, said, "Town Web Design created the site, and they've done a marvelous job. They made it very easy for us to maintain and update it right here on the Island. Also, the old site required ...

    and more »


    Join Us Virtually for The Fundamentals of Web Design
    Houston Chronicle
    Onsharp will be hosting a free webinar about web design on February 10th at 10:00 am CST. Onsharp will be hosting a free webinar about web design on February 10th at 10:00 am CST. Whether it's a designer new to the web design world or an experienced ...



    Important facts about website design
    PRWire
    Web design is an emerging market. With the advent of free and easy access of internet, website design is taking up an important place in the lives of business. Before you venture into the market of web design there are a few things that you must know ...

    and more »


    Sigma Infotech – The pioneers in the world of web design
    PRWire
    As the sites contain prime keywords, it maintains a high rank in the search result pages. • Apart from the aspect of web design, the company also provides effective solutions in software development and other web development services.



    Austin Web Design and Internet Marketing Company, Boom Consulting, Publically ...
    PR Web (press release)
    With Boom Consulting's all-inclusive web design, web development, and Internet marketing packages or a la carte offerings, even companies with the tightest of budgets can afford to have an eye-catching, multi-functional Web presence that's essential ...

    and more »


    Tree Life Design Offers Excellent Opportunity For Small Business Growth
    PR Web (press release)
    A leading Atlanta-based small business web design and development company launches an affordable package to help business owners establish an online presence and generate more leads. Tree Life Designs, an Atlanta, GA-based company that specializes in ...



    iD Tech Camps Introduces New Web Design & Photography Class
    San Francisco Chronicle (press release)
    Summer education leader iD Tech Camps has announced a new class, Intro to Web Design & Photography. Students will learn the principles of web design, graphic arts, and photography in weeklong summer classes with personalized curriculum.

    and more »

    Google News

  • 2007-2008 © Copyright colorifer.com. All Rights Reserved.
    Free Adobe Photoshop templates.
    Web Design Articles | Site Map | Terms of Use