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.

    tidy up service Northbrook ...
    In The News:

    Cybersecurity expert Morgan Wright says human skepticism remains the strongest defense against AI-driven phishing scams and voice cloning fraud schemes.
    iPhone, Google Pixel and Samsung Galaxy each handle security updates differently, and one screen saying "up to date" may not tell the whole story.
    Deborah Del Mastro heard what sounded like her daughter's terrified voice on the phone, launching a five-hour virtual kidnapping scam ordeal.
    Hotel TV privacy risks go beyond forgotten passwords when you sign into Netflix or other streaming apps on shared devices you don't control.
    Apple's iOS 27 Visual Intelligence now lets your iPhone search objects directly on screen, but Samsung Galaxy and Google Pixel have a head start.
    x47.c Windows malware uses xAI's Grok to maintain persistence on infected PCs while stealing passwords, browser cookies and API keys from victims.
    Frankie LaPenna fought three robots in a cage, including two modified EngineAI T800 humanoids that can kick with up to 850 pounds of force..
    MacSync malware hides malicious commands inside iCloud calendar events to download additional payloads onto infected Macs without raising suspicion.
    Joseph Holycross dismissed his racing heart for nearly two years until his Samsung Galaxy Watch detected atrial fibrillation and changed everything.
    Home title fraud begins when criminals forge your signature on a deed. Here is how to check your own property records and set up free alerts.
    Jeffrey Ladish, a former Anthropic security team member, warns AI agents are colluding and hacking with no reliable solution to keep them in check.
    Instinct Concierge and Meta Muse can now place phone calls to businesses on your behalf, but the privacy and data access tradeoffs are significant.
    Olivia Moore spent $100 to create a fake RushTok influencer using ChatGPT and MiniMax, and thousands of Bama Rush fans couldn't tell the difference.
    RatHat Android malware uses AI to steal banking credentials, intercept two-factor authentication codes and reconstruct your PIN from touch inputs.
    The Fox News AI Newsletter covers the latest artificial intelligence technology advancements, including the challenges and opportunities AI presents now and for the future.
    Apple and Google password managers can flag compromised, weak and reused passwords on your phone before credential stuffing attacks can strike.
    Researcher Peter Garrigan says Moonshot AI's Kimi model was manipulated into providing instructions for biological weapons and assassination plans.
    iPhone, Google Pixel and Samsung Galaxy phones now offer call screening that asks unknown callers to identify themselves before your phone rings.
    Ransomware can lock your irreplaceable photos and documents in seconds. A tested backup strategy and stronger cybersecurity habits are your best defense.
    ShinyHunters claims it breached FBIJobs.gov and stole Social Security numbers, home addresses and sensitive assignment details of FBI personnel.
    Find My iPhone, Google Find Hub and Samsung Find have critical tracking settings to enable now, before your phone ever goes missing or stolen.
    The FTC proposed a new enforcement policy on personalized pricing, warning companies that hide how personal data shapes the prices shoppers see.
    The $250 million Apple Siri AI settlement is now accepting claims, with eligible iPhone owners potentially receiving up to $95 per device.
    ShareAScan turns T-shirts into scannable digital business cards with QR codes that link to profiles the owner can update anytime they choose.
    BragJack research reveals how a single malicious browser extension could hijack Gemini, Perplexity Comet and Edge AI agents with zero clicks.
  • Meta Tags ? An Introduction

    A long, long time ago? In a galaxy far, far... Read More

    Flash Doesnt Always Add Shine to Web Efforts

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

    Increase Your Credibility With Web Site Awards

    Web Site Awards are given from other sites to reward... Read More

    How a Custom Designed Website Can Help Your Business

    Over the years, the internet has grown into a marvelous... Read More

    How To Shop for a Web Design Firm?

    While few companies can boast as we do that our... Read More

    Be Friendly to Search Engines

    The object of search engines is to give their visitors... Read More

    8 Tips for Designing a Great Website

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

    One-Product Sales Sites: Avoid These Top Blunders

    One product, one long web page: this kind of web... Read More

    Website Background Colors and Graphics: What You Need to Know Before Designing Your Website

    Designing your website means you have to be creative, plan... Read More

    3 Tips For Writing Content That Will Make You Sales

    Content is king. Without content your website is an empty... Read More

    Why Should You Care About Your Web Site Colors?

    **How Colors are Used in web design:**Demarcates screen elements into... Read More

    Create Favorite Icon

    Favorite icon appears to the left of your link in... Read More

    Dos and Donts in Web Design - part 2 (content)

    Do know your audienceIt's important to know your audience. If... Read More

    Tips For An Effective Website

    A successful website is something that everyone venturing into the... Read More

    Cheap Website Design In Birmingham

    Due to the large number of people offering website design... Read More

    Give Your Web Site a Small Business Marketing Tune Up

    Your web site is like your car. Both are significant... Read More

    How to Build Your Own Website - More Steps

    To build a website, there are four methods to choose... Read More

    15 Website Elements That Attract Visitors

    Here is a quick list of components that make a... Read More

    Making Good Websites that Stand Out

    Websites, there's literally billions of them out there in cyber-space.... Read More

    Keep Your Navigation Simple!

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

    How To Make It Easy For Your Web Designer To Build Your Website

    You have an idea for a website and you are... Read More

    Five Common Web Design Mistakes

    There are often many mistakes encountered when creating a webpage... Read More

    Get Rid of Your Frames

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

    The Secrets to Successfully Learning Basic HTML

    If you'd like to create/maintain a website, having some HTML... Read More

    Website Checklist

    10 Basic Things Your Website Should Have ...__ all short... Read More

    efficient cleaning crew Des Plaines ...