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.

    executive chauffeured services Bradford .. Madison to Airport car
    In The News:

    Getting virus alerts on your iPhone? Tech expert Kurt “CyberGuy" Knutsson helps you learn how to handle fake scam alerts and boost security.
    Tech expert Kurt “CyberGuy" Knutsson says opening emails is safe, but risks arise from interacting with links, attachments or HTML content.
    Tech expert Kurt “CyberGuy" Knutsson reveals four signs of compromised Social Security numbers and offers five steps to protect yourself.
    Tech expert Kurt “CyberGuy" Knutsson discusses how MAB Robotics' Honey Badger 4.0, a versatile robot, now walks underwater with amphibious skills.
    An updated Android trojan called FakeCall hijacks bank calls. Tech expert Kurt “CyberGuy" Knutsson says Android phone manufacturers and Google need to step up their game on security.
    The Massimo Modular E9 is a sleek, smart and comfy tiny home in 409 square feet. Tech expert Kurt “CyberGuy" Knutsson takes a closer look at what the future of housing might look like.
    Every stock trader should consider a virtual private network to safeguard their trading, according to tech guru Kurt "CyberGuy" Knutsson.
    Apple recently announced its new lineup of Macs and rolled out Apple Intelligence, its latest artificial intelligence-powered feature for its products.
    A Swiss-engineered robot can climb ladders, showing why it's at the cutting edge of autonomous robotic solutions for harsh industrial settings.
    Kurt "CyberGuy" Knutsson presents the cities targeted most by robocalls, why this is happening and what you can do about it to protect your privacy.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents
    Kurt "CyberGuy" Knutsson shares tips and suggestions for how to get the best use out of the updated Calendar app available with the latest iOS update.
    Your Social Security number, your unique identifier used for many purposes, has likely been leaked on the Dark Web; here are some steps you can take to protect yourself.
    Researchers have developed a new technology that creates strong, sticky fibers capable of lifting objects and capturing things from a distance.
    Smart rings track the same things that smartwatches do, including steps, sleep and a general overview of your overall health, and they tend have more battery life than smartwatches.
    Researchers have developed a robotic finger that can perform routine medical exams like those conducted by doctors, helping to address the growing shortage of trained professionals.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    Insurance administrative services company Landmark Admin reported that a data breach from a May cyberattack affected over 800,000 people.
    Sotheby's will auction the first artwork created by Ai-Da, the world's first robot artist created in 2019 by British gallerist Aidan Meller.
    More than 250 million users of the Verizon Messages app will have to switch to another app. Verizon is shutting down Messages in the next month.
    Tech expert Kurt “CyberGuy" Knutsson provides a list of 10 celebrities who are the most targeted by deepfake scams, including Tom Hanks.
    Tech expert Kurt “CyberGuy" Knutsson discusses how Vast's Haven-1, launching in 2025, transforms space living with human-centric design.
    UnitedHealth confirms over 100 million Change Healthcare users had their data stolen. Kurt “CyberGuy" Knutsson reveals what happened and what caused the breach.
    Tech expert Kurt “CyberGuy" Knutsson explains how iOS 18 brings new text formatting and animated effects to the Messages app.
    Whether you're a social media veteran or novice, Facebook friend request scams are common. Kurt the CyberGuy provides tips to keep your account safe.
  • Shameless Flashers - Using Flash Tools To Create Spectacular Websites

    Flash is a powerful technology that can help you create... Read More

    Seven Habits of Highly Effective Webmasters

    A highly effective website will always reflect its highly effective... Read More

    Web Copy - What You Should Know First

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

    Looking For A Designer To Re-Design Your Website?

    If you were like me and you have just started... Read More

    You Need RSS, Atom, and ROR/RDF Codes on Your Website--Now You Need Google Sitemap as Well!

    Do you have a website? If so, you need an... Read More

    Offshore Web Design and Development - Use Great Opportunities

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

    The Next Marketing Tool: Deisgn

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

    Stop Sabotaging Your Sales

    Do your web pages, sales letters or personal presentations include... Read More

    A Website Checklist

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

    Optimized Web Page Template

    I want to give you a free web page template... Read More

    Web Design: How To Get Your Visitors To Stay

    Remember the famous line from the movie Field of Dreams,... 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

    Website Polls For You And Your Visitors

    Setting up a survey on your site is extremely simple... Read More

    The Most Important Question To Ask About Your Web Site!

    When you design a website how do you start ?Do... Read More

    Top Ten Absolutely Free Websites for Downloading Cool Fonts

    The following list of websites is the best compilation of... Read More

    What You Should Ask a Web Designer Before You Hire Him

    You've thought about it and you're ready to go. You're... Read More

    Keep Your Navigation Simple!

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

    Flash Design Adds Website Versatility

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

    Get Rid of Your Frames

    A few years ago a lot of websites utilized frame... Read More

    Teach Yourself CSS The Easy Way

    I taught myself HTML back in the mid-nineties and was... Read More

    Creating a Basic Web Design Template

    A "template" is simply a design format which you can... Read More

    Technology vs. Usability

    When JV Media Design was formed, the year was 1995... Read More

    The Key to Getting More Magic Shows Booked Online

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

    Web Design for Ecommerce

    Your website is your tool for showing the online community... Read More

    Love at First Site: Giving Your Website Visitors the right Impression

    Think of the people who visit your site as blind... Read More

    O'Hare Chicago prom limo ..