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:
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.
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterGive Your Web Wite Visitors What They Really Want - Information!
Surfing the internet is basically an information-fest! From intellectual discussions to the bizarre...people surf the internet for information more than products or services. Through sites that offer information -sales are generated indirectly which is perfect. By offering valuable information to your visitors, you start a marketing relationship just by creating value in your website.How?Articles - content written by you and others that fit the theme of your website with resource box always included.Reviews - written reviews including pictures of produ...(related: Web Design)
No More Jargon! Pamper Your Audience!
When your company built its website, did you think about the content (the text) of your site? Did you write it for your customers? The answer to these questions is often 'No.'The first mistake most companies make when filling their website with content is overlooking who they're writing for. The most common group they write it for is themselves. They f...(related: Web Design)
Making Good Websites That Stand Out
Websites, there's literally billions of them out there in cyber-space. How many of them do you go to and just think this is boring, bland, or hard to use? It seems like too many to mention. So what makes a good website? I reckon it's about interaction. You've got to make the visitor interested. You've got to grab their attention. Many sites use plenty of bright and shiny gimmicks to attract you, but once you make it through to the content of the site it's just not worthy. A good site uses easy navigation, relevant content, and interactive medi...(related: Web Design)
Facts You Should Know About Web Site Design And Search Engine Optimization
1. Web site File Structure / File Naming
- Most search engines do not recognize beyond two directory levels.
- Make sure to name your files and directories with keywords.
- Don't separate keywords using the underscore instead use hyphens.
- File names should be not too long.
- If a page doesn't load in 8 seconds, Web site will lose 1/3 of the visitors.
- Images and Graphics -Image optimization will help to improve the load time. Images can be optimized using the "GIFBOT" image optimization tool (Website Design For Small Businesses
There are many different website design companies, offering different facilities such as flash design, however what should a small business look for when seeking an internet prescence?When choosing which company you would like to build your website, there are many factors which you need to take into consideration.Firstly how much is the website going to cost to build and host. We all have different budgets, however there are some very good deals to get, if you are willing to search around.When choosing a company it is important to look at their portfolio, this will give you a good insight into the type of work they do.Most web desgn firms will offer additional services such as optimisation, website ...(related: Web Design)
Web Site Professionalism? What Is It?
Your web site should be-
- visitor friendly to navigate
- search engine friendly for the crawlers
- Automated with ecommerce and subscription forms...
How Does Your Website Measure Up?
Does your website make a good first impression? Is the navigation intuitive? Is the content appropriate for your audience? You've had your website up and running for a while now but you've always had a nagging suspicion that your website is lacking effectiveness and you just can't put your finger on it. You've dabbled with colors, added/removed images re-written the text but it still feels as if everything just isn't working together. W...(related: Web Design)
Building A One-page Website
You've designed your logo, and you're ready to print your business cards and other marketing collateral materials. You want to include your website address (also called a URL) to build your credibility. However, you're not quite ready to write and design a full website. At the same time, you don't think it's a good idea to distribute your new printed materials showing your website URL and to have only a blank web page waiting for your potential client's inquiries. What to do?Does this sound familiar? Many entrepreneurs who are starting small businesses find themselves in this ...(related: Web Design)
Teach Yourself Css The Easy Way
I taught myself HTML back in the mid-nineties and was proud of the fact that I was able to accomplish the design of fairly complex web pages with nothing more than a starter HTML book, an HTML reference book, and the knowledge I had stored in my head. But back in those days, we web designers had what looking back was a fairly limited amount of tools with which to work, and the quality (or lack thereof) of sites on the web was lackluster at best.Fast-forward to...(related: Web Design)
Graphic Design Can Make Or Break Your Web Site
We all want high impact graphics for our Web sites - Right.Sometimes it is easy just to pick a template that comes included with a site builder and or hosting package.There are also thousands of Free templates that you can download f...(related: Web Design)
Choose & Use The Best Colors
The Psychology of ColorAre you using the best colors for your web site? Many web designers often overlook the issues of color in web design. When choosing colors for your web site there are three main areas that should be addressed.1) The psychological effect of colors,2) The effect on the readability of your site, and3) The complementary...(related: Web Design)
Website Sales: Discover 10 Mesmerizing Insider?s Tricks To Ignite Your Sales
Marketing is not an easy skill to acquire.It requires patience and a lot of efforts in conducting many tests and improvement to get it right.Below are 10 mesmerizing website sales tricks to spark up your sales and put a smile on your face.1. Specialize your product or service if you have toomuch competition. If you're selling an advertising book,rewrite part of it and target it just to pet businesses.2. Sell a lead in product for super cheap, even ifyou loose a little money. If people like it, you havea greater chance to sell your higher price product.3. Give people a...(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design
