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.

    Mercedes Benz s500 rentals Salem ..
    In The News:

    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.
    The FBI is warning the public about a recent phishing scam via text that claims its targets owe money in Pennsylvania for unpaid road toll charges.
    Your Apple Music settings may be revealing to your contacts what you're listening to. Kurt "CyberGuy" Knutsson explains the process to change those settings.
    Learn how to secure social media accounts, implement legacy contacts, and create a digital estate plan to protect your online assets from 'ghost hackers' after your death.
    A ported phone number scam is leading to more people having their identities stolen by sophisticated scammers. Kurt “CyberGuy" Knutsson tells you what you need to know.
    The Great Pacific Garbage Patch, a vast marine debris vortex, is being tackled by The Ocean Cleanup’s innovative technologies. Kurt “CyberGuy" Knutsson explains.
    Discover easy solutions to tame autocorrect frustration on iOS and Android devices. Turn off, customize and add personal touches to your typing experience.
    Kurt “CyberGuy" Knutsson reveals the six top things to do right now before it’s too late: Tech and life choices that can keep your safer on and offline.
    Kurt “CyberGuy" Knutsson shows you some simple steps to discreetly hide apps or an entire app page on your iPhone for decluttering or confidentiality.
    The ambient light sensors on smartphones may be turned into cameras, according to researches at MIT. This could pose a threat to people's privacy.
    The Autonomous Road Repair System from tech firm Robotiz3d uses artificial intelligence technology to locate potholes and promptly seal them.
    Scammers have stooped to using artificial intelligence to scan obituary websites to create fake obituary websites to target the grieving.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    A Mercedes-Benz Manufacturing factory in Hungary is using humanoid robots to help with human staffing shortages on the factory floor.
    Some video games act like unregulated banks, according to CFPB, which has begun monitoring the situation. The agency says children may be most at risk.
    Ascender the robot is capable of climbing stairs with heights up to 8.7 inches, and it can give every corner of your home a deep cleaning.
    Tax-return scams are on the rise, and one tax expert from a cybersecurity firm says filing your taxes on time is one way to avoid tax scams.
    The innovative XPENG Robot Unicorn is inspired by the mythical unicorn, and you may forget the robot is not actually a living creature.
    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 Federal Trade Commission, the federal agency to report scams to, is being impersonated as part of a new sophisticated phone scam.
    Eatrenalin is a restaurant in Germany with a Floating Chair innovation that makes the 17,000-square-foot venue feel like an amusement park.
    U.S. Air Force Secretary Frank Kendall met with the Senate Appropriations Committee on Tuesday and said he plans to ride in an autonomously-operated aircraft this Spring.
  • 14 Ways to Add Content to Your Web Site - Part 2

    7. Create high quality content - make clear points with... Read More

    How to Use Sliced Graphics to Layout Your Web Site

    The problem with designing your site as a graphic, is... Read More

    5 Easy Ways to Improve Your Website

    When designing your website, remember to avoid useless and confusing... Read More

    Your Web Site Is A Wonderland: What Picassos Art Taught Me About Persuasive Design

    Whenever singer John Mayer sings his romantic song, "Your Body... Read More

    Cheap Web Design In London

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

    Graphic Design Using Color

    Color is everywhere and conveys a message even if we... Read More

    Why Not To Use Web Design Templates For Your Website

    In today's age of fast food and high-speed Internet, a... Read More

    Why Choose A Professional Web Designer?

    It seems that almost every Tom Dick and Harry do... Read More

    10 Profitable Ways To Recycle Your Content

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

    7 Tips To Increase Sales With Your Ecommerce Web Site

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

    Tips for Getting More Sales From Your Website

    (1) Create a Direct Response Website, with the minimum number... Read More

    Top Ten Ways to Use Audio on Your Site

    Audio can provide an added dimension to your site. It... Read More

    Free Website Templates - Top 10 Things You Need to Know

    When building your website you might not have a large... Read More

    Do You Really Need A Website?

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

    Hacked Off with CSS?

    For those not familiar with CSS Hacks, they are ways... Read More

    Website Re-Design?

    My site is working fine. The links work. Content is... Read More

    Why Long Web Pages are Better than Short Ones

    Many Internet sites that try to sell you something have... Read More

    Website Design: Color Me Blue

    Chris, a new consulting client, asked me to help him... Read More

    Website Checklist

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

    How to Make the Online Sales Copy for Your Website More Conversational

    It has been said that the best online sales copy... Read More

    Website Woes: Top Five Offenders

    I see a lot of mistakes, but here are the... Read More

    Basic Graphic Design

    Wether you design your business brochures, flyers, web page, or... Read More

    Sell Yourself First...Your Key To More Sales

    Selling on the internet is a challenge. There is no... Read More

    Technology vs. Usability

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

    Tapping Into The Visual Stimulus Of Your Web Site Visitors

    "Oh, my eyes, my eyes! What an eye sore. Quick,... Read More

    Dowagiac cheap limo service ..