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.

    limousine Ackley .. Lockport Chicago limo O’Hare
    In The News:

    A virtual private network can help ensure your information remains security and your privacy remains intact. Kurt the CyberGuy explains.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    Artificial intelligence-based cameras are giving air defense operators unprecedented capabilities in monitoring and protecting airspace.
    Apple's iOS 18.1 Inactivity Reboot automatically reboots your iPhone if it hasn't been used or unlocked for more than three days, providing better data protection.
    An inventor designed rooftop solar panels for a Tesla that draws solar energy while the car is parked, adding travel mileage without plugging in.
    There are currently no laws governing what artificial intelligence can and cannot do with the information it gathers; here are 10 things to avoid telling AI chatbots to keep yourself safe.
    A credit union with over 240,000 members recently revealed it was targeted by cybercriminals, resulting in a data breach that was part of a two-month attack by hackers.
    Scammers have become skilled at creating convincing fake websites that can easily fool unsuspecting users. The CyberGuy offers tips to protect yourself.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    CAPTCHAs, which are used by websites to confirm whether users are people or bots, are harmless, but hackers are using them to infect PCs with malware.
    Hackers recently leaked personal information of about 500,000 Americans and stole patient medical records that included lab results and insurance details.
    The holiday season sees a rise in mobile shopping scams. Tech expert Kurt “CyberGuy" Knutsson helps you learn how to stay safe.
    Tech expert Kurt “CyberGuy" Knutsson says a VPN enhances online banking security by encrypting data and protecting privacy.
    Beware of these six sneaky holiday scams. Tech expert Kurt “CyberGuy" Knutsson gives you tips to avoid falling victim.
    Tech expert Kurt “CyberGuy" Knutsson reveals how to securely back up and factory reset your Android to protect your privacy and data.
    Artificial intelligence is making life easier for cybercriminals, allowing them to create elaborate scams to trick people. Kurt the Cyberguy explains how to protect yourself.
    Cut through all the digital clutter and delete multiple emails from your Android simultaneously. Kurt the CyberGuy explains how it's done.
    Tips to prevent your holiday decorations from being stolen
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    Kurt "CyberGuy" Knutsson lays out the immediate steps you should take if your phone has been hacked and your personal information becomes vulnerable.
    Fraudsters are sending people bogus invoices through PayPal as part of a sneaky scam that is going around; here's how to protect yourself from being fooled.
    A former Colgate-Palmolive employee was shocked to discover $750,000 had been drained from her 401(k) account. "CyberGuy" offers tips on how to prevent identity theft.
    Electric vehicle maker Harbinger recently showed its electric delivery truck can handle icy roads with agility and stability in winter.
    To make the busiest time of year more manageable, here are some tricks for tracking your packages, taking quality family photos and curating the perfect Christmas playlist.
    Kurt "CyberGuy" Knutsson explains how to keep your online Amazon gift purchases a secret from loved ones or friends this holiday season.
  • Website Design Mishaps - How to Avoid Costly Errors That Can Crush Your Chances of Success

    Designing your website can be a difficult task especially if... Read More

    14 Ways to Add Content to Your Web Site - Part 1

    When I surf the Net, I often see web sites... Read More

    Essential Strategies To Make Your Web Copy Attractive To Your Target Audience

    Reading on the web is different than reading in all... Read More

    Website Design Firm

    Website design firms come in all shapes and sizes.When choosing... Read More

    Dont Make Your Website User-UNfriendly!

    Web Design is a very subjective process. Your idea of... Read More

    When Your Graphic Designer Costs You Money

    So how do you know when your graphic designer costs... Read More

    Flash Doesnt Always Add Shine to Web Efforts

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

    Color Scheme for Your Website?

    Yes, in a world that is obsessed with makeover madness,... Read More

    Website Design Info - Part 1

    What Will My Site Do?This is the first of eight... Read More

    The Proper Way to Use Images

    Most people will agree there is nothing more annoying than... Read More

    A Website Checklist

    If you've just finished building your new website (or revamping... Read More

    Copy Editing: 10 Powerful, Mind Blowing Secrets For Writing A High-Impact Ad

    No matter what product or service you're promoting, unless you... Read More

    Choose & Use the Best Colors, The Psychology of Color

    Are you using the best colors for your web site?... Read More

    Should I Use Pop-Up Ads?

    Web advertising has taken many forms, including those that appear... Read More

    Other Ways to Look at Things

    Many people today are tired of the Microsoft software that... Read More

    Web Design Advice And Information

    Most of us at times need advice on different aspects... Read More

    Discover 7 Proven Shopping Cart Enhancements to Increase Your Sales

    For online businesses with their main goal of selling products,... Read More

    The Key to Getting More Magic Shows Booked Online

    This article is the result of a conversation I had... Read More

    Website Savvy: 10 Key Steps to Turn Your Customers ON!

    "How to turn "slightly interested" customers into "I've got to... Read More

    Business Opportunity for Graphic Designers

    As a graphic designer, you are sitting on a gold... Read More

    8 Tips for Designing a Great Website

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

    The Top 8 Website Sins Part Two

    Sin #5Poor Spelling And GrammarWe all make mistakes when we... Read More

    Build It And Build It Cheap!

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

    Web Copy - What You Should Know First

    Just what is web copy? Some people think that web... Read More

    Understanding How HTML Color Codes Work

    Ever wonder how HTML color codes are put together? For... Read More

    shuttle from O'Hare Alexander ..