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.

    limo prices to midway Crystal Lake west of Randal .. Lockport Chicago limo O’Hare
    In The News:

    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    The number of people affected by a UnitedHealth data breach in February 2024 was actually higher than previously reported and was the largest medical data breach in U.S. history.
    A phishing campaign uses Google Calendar to schedule fake meeting invitations that appear legitimate, redirecting targets to phishing sites.
    Toll road text scam: Fake messages claim unpaid fees, seek payment via fraudulent links. Kurt “CyberGuy" Knutsson says this scam is becoming increasingly sophisticated and widespread.
    Kurt “CyberGuy" Knutsson says these steps ensure that your friends and family get to the exact moment you want them to see. Try it out and streamline your sharing experience.
    Tech expert Kurt “CyberGuy" Knutsson offers tips on how to protect your identity: Be vigilant, monitor accounts, use smart security, know theft response.
    Tech expert Kurt “CyberGuy" Knutsson says cybercriminals are exploiting iMessage phishing protection, tricking users to reactivate links.
    It's hard to imagine life without in-flight Wi-Fi these days – but sky-high web surfing comes with its own set of privacy concerns. Here's how to protect yourself.
    Over 400,000 cases of credit card fraud were reported in 2024 to the Federal Trade Commission. The CyberGuy explains how to protect against becoming another victim.
    A nondescript metal box transforms into a fully functional electric motorcycle that blurs the line between vehicle and urban infrastructure.
    Many apps unrelated to location still ask users for tracking permission, and Texas Attorney General Ken Paxton has filed a lawsuit seeking to end this alleged practice by Allstate.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    Melody, the artificial intelligence-powered robot, is life-sized and represents a move toward creating robots that resemble people in appearance and interaction.
    Here are five easy smartphone rules from the National Security Agency that you can follow to better protect your mobile device from hackers and scammers.
    A U.S. robotics company has developed "Jennie," a robotic pet powered by artificial intelligence that's designed to comfort those facing mental health challenges.
    Healthcare records for more than 184 million Americans were breached in 2024, but you can take steps to minimize that risk. Kurt the CyberGuy explains.
    The Skyrider X1 from Rictor claims to be the "first amphibious flying passenger motorcycle," and it combines land and air travel in one sleek design.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    Home inventory and restoration apps help itemize and track every item in your home in the event you have to make an insurance claim after a natural disaster.
    The White House launched a new cybersecurity safety label, the U.S. Cyber Trust Mark, intended to help consumers make informed decisions on smart device safety.
    Today's tech can help make life so much easier — if you know how to use it. Here are a few tips on the quickest and best ways to make your phone, laptop and other devices work for you.
    Tech expert Kurt “CyberGuy" Knutsson offers Windows 11 restart fixes: Update drivers, run system scans and check hardware.
    Sony and Honda's Afeela 1 EV launches with advanced tech and entertainment for $89,900. Tech expert Kurt “CyberGuy" Knutsson gives his takeaways.
    With limited hard drive space, tech expert Kurt “CyberGuy" Knutsson offers these tips for storing large video files and photos.
    Tech expert Kurt “CyberGuy" Knutsson says the $236,000 Yangwang U9 electric hypercar boasts 1,287 horsepower and can jump obstacles.
  • HTML - A Website Language Explained - For Over 35s

    This is a very perfunctory look at the website code... Read More

    Why Your Site Should be Developed with CSS and Semantic Markup

    Why your site should be developed with CSS and semantic... Read More

    Creating Quality Websites

    Websites, there are literally billions of them out there in... Read More

    Save Time and Boost Profits with Free Content

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

    Alternative to Web Site Templates and Design Software

    Before I discovered the concept of Web site templates, I... Read More

    Some File Naming Tricks for Your Online Home Based Business Web Pages

    Conventional Wisdom states you should use Sub-Directories to organize your... Read More

    10 Profitable Ways To Recycle Your Content

    1. Repackage your web site content in to different products... Read More

    Color Psychology in Marketing

    On the internet we don't deal with face to face... Read More

    How Not to be Ripped Off by Your Website Designer

    As web designer my self, I have had the unfortunate... Read More

    An Ideal Home Business Home Page

    From my personal experience of around two year as home... Read More

    Power of Squeeze Pages for Realtors

    Squeeze pages are a very hot topic in the internet... Read More

    10 Nifty Ways to Prolong Your Visitors at Your Website

    Increasing the length of time a visitor is on your... Read More

    Offshore Web Design and Development - Use Great Opportunities

    Sooner or later every small or medium business owner realizes... Read More

    Maximising Web Site Viewability - Resolution

    This is my second article on maximising web site viewability.... Read More

    How To Start An Internet Business ? Designing For Usefulness

    The first step to starting any Internet business is conducting... Read More

    Do You Want To Save Time With Your Web Design?

    It starts off simply; a few HTML pages, a few... Read More

    A Landing Page is Not an Order Page (and why it matters)

    To explain my point I need to first confuse the... Read More

    Content is Crucial!

    Content is undoubtedly the most important element of a website.... Read More

    Design With Purpose

    If your website is falling through the cracks, the chances... Read More

    Website Design Firm

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

    Tableless Web Designs: Why I Switched

    Since I made the switch 6 months ago to a... Read More

    Be Inspired to Create Better Websites

    Being a writer, when I was asked to do some... 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

    Pop-Ups Still Work. At Least For The Time Being

    Do you remember playing with the jack-in-the-box toy as a... Read More

    Explode Your Homepage And Replace It With Something Dynamite!

    You know that I'm always extolling the virtues of an... Read More

    taxi o'hare Auburn ..