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.

    In The News:

    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents
    Apple recently notified a small number of iPhone customers in 92 countries that their phones may be under attack by mercenary spyware.
    An artificial intelligence-powered home security system can fire paintballs and tear gas at trespassers. The camera identifies human faces and animals.
    Technology expert Kim Komando gives her tips and tricks on enhancing your user experience a smartphone and other devices you use everyday.
    A new camera called NUCA uses artificial intelligence to create deepfake photos of subjects by stripping away clothing in close to real time.
    The Kimberley Kube trail-ready camper has a compact but spacious design and combines luxury, functionality and ruggedness for a weekend getaway.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    Emails instructing you to reset your password for an account may be legitimate, or they may be scams. Kurt "CyberGuy" Knutsson explains.
    Northrop Grumman's Manta Ray uncrewed underwater vehicle aims to revolutionize undersea missions — it glides through the ocean without human assistance.
    Learn how to work Google's calendar application to streamline and organize your daily tasks from technology expert Kim Komando.
    If you do not want Facebook to have automatic access to your private photos, follow our tips to protect yourself. Kurt “CyberGuy" Knutsson shows you how.
    Kurt “CyberGuy" Knutsson goes into detail about Apple’s recent iOS update that allows iPhone users to instantly translate spoken language simply by using the Action Button.
    Safeguarding your digital life with a reliable physical backup isn't just a precaution, it's a necessity. Kurt “CyberGuy" Knutsson provides the essential backup checklist.
    Kurt “CyberGuy" Knutsson reveals how a Redditor exposed false recycling claims at their apartment, highlighting a report that only 21% of U.S. recyclables are processed.
    Kurt "CyberGuy" Knutsson offers a travel toolkit featuring five technology tools to help you with booking flights and hotels for your summer vacation.
    The bubble behind the clock on your iPhone can appear in different colors. Kurt "CyberGuy" Knutsson explains what each of those colors mean.
    Scammers are using the power of artificial intelligence to mimic voices of people and are using the fake voices to commit crimes, like kidnappings.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    Tech guru Kurt "CyberGuy" Knutsson explains the science behind the Invisibility Shield, a 6-foot shield that makes people become invisible.
    The International Olympic Committee on Friday announced plans to use AI in various Olympic aspects, including athlete identification, training and judging.
    Tech guru Kurt "CyberGuy" Knutsson explains an easy trick to avoid squinting while working or surfing the web by zooming in on your personal computer.
    Streaming giant Roku has recently been targeted by a pair of cyberattacks, and the company confirmed over a half million Roku accounts were compromised.
    The Land Aircraft Carrier combines an all-terrain, six-wheeled vehicle with a two-seat aircraft, which features electric vertical takeoff and landing.
    The European Union has sent TikTok a "request for information" on the video sharing platform's newest app, TikTok Lite, under the Digital Services Act, with the aim to clean up social media.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
  • Simple Steps To Proper Web Design

    Over the course of the last decade, the Internet has... Read More

    How to use Emotional Content to Increase Visitor Response

    Did you know that many folks make "buying decisions" when... Read More

    Web Site Design Mistakes

    Some wise human once said "Learn from the mistakes of... Read More

    Web Site Redirection - How to Implement a 301 Redirect

    You just created a new web site but want to... Read More

    Choosing the Right Web Designer

    Creating your web site can be a tricky process. Choosing... Read More

    What Your Website REALLY Says About You And Why It Matters

    Everything you say and do says something about you. This... Read More

    Web Crimes: how to avoid common website design mistakes

    Thinking about designing your own website? Think again about adding... Read More

    Color and Web Design

    Color is one of the most important but least understood... Read More

    20 Tips to Creating a Profitable Website

    As an online Entrepreneur you require a successful website.One that... Read More

    How to Create an Enjoyable Web Page Design

    Novice and professional designers alike ? you may probably be... Read More

    The Right Trigger Words

    CNN.com's designers have gone out of their way to make... Read More

    Top Ten Fonts for Website Design

    The top ten fonts for website design might change in... Read More

    Do You Really Need A Website?

    Nope. You certainly don't need a website.But you don't need... Read More

    7 Tips To Increase Sales With Your Ecommerce Web Site

    Ecommerce is just exploding right now on the Net. More... Read More

    Why You Should Use CSS

    It seems more and more webmasters are using CSS for... Read More

    The Secrets to Successfully Learning Basic HTML

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

    Does Your Homepage Work?

    All websites have a homepage. It is the most important... 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

    Creating Quality Websites

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

    Creating Your First Website? Your Options

    Creating your own website is great fun! But how is... Read More

    Flash Web Design - The Wave of the Future?

    There are two camps when it comes to flash web... Read More

    Online Businesses Still Ignoring Dial-up Market

    In this article you will find the parallel between two... Read More

    Designing Beautiful Artist Websites ? 12 Tips To Showcase Your Art

    1. Who needs an artists website?Not everyone! If you are... Read More

    Custom Web Site Design Strategies

    Web site design has certainly, in the past decade, evolved... Read More

    Stop Sabotaging Your Sales

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