Fonts are More Important Than You Think

 Most of the visitors to your website are going to spend 99% of their time doing one thing: reading your content. Given that the web is a medium mainly devoted to reading, it's surprising just how ignorant most page authors are about typography. If you use the wrong font, you make your page painful to read - or even impossible.

The right one can make your readers stick around for much longer, and read more than they otherwise would have. But how can you know what to pick?

The Problem

The web has a big font problem that you might not know about. The problem is this: you can only specify fonts by name in HTML and CSS. That means that, apart from logos (which can be done as images), you're relying on the people visiting your site to have installed the fonts you're using for headings and body text. Most people aren't designers, and so will only have the basic fonts that come with their operating system - and, worse, they don't even all use the same operating system!

What you end up having to do, then, is providing an order of preference: what this usually comes down to is a list of similar fonts, with your favourite first. The list will then end with either 'serif' or 'sans', depending on whether the font had serifs (that is, the extra little parts of the letters, like a little kick after a small d, for example). 'Sans' is short for 'sans-serif', meaning that the font has no serifs.

So what are the 'web-safe fonts'? In practice, there aren't that many at all: you're pretty much limited between choosing either Georgia/Times New Roman/Serif, or Verdana/Arial/Sans. As a general rule, it's better to use sans-serif fonts on the screen, and serif fonts in print-outs: serif fonts are difficult to read on a monitor because they're hard to represent in pixels, while sans-serif fonts have a tendency to look 'chunky' when printed.

Some Other Choices

There are a few other fonts that most users have installed and that might be useful to you, although not for body text. These include Courier New (a typewriter-like font), Trebuchet (an interesting font for headings), Impact (a tabloid newspaper-like font) and Webdings (a set of images with things like fast forward and rewind symbols, a tick and a cross, and so on).

Pay Attention to Size

Having read that, you might be off now to go and set your web page in Verdana, but wait a second. Verdana looks terrible in larger sizes - it's just too wide and large. You need to set it to around 80% of its default size before it's really tolerable. This also means that Verdana is largely bad in headlines - you might try Arial instead for this, preferably in bold. An ideal combination for many sites is large Arial for headlines with small Verdana for body text.

However, you should also make sure that you don't make your fonts too small, as older users or others with bad eyesight may have trouble reading them. Always specify font sizes in relative units (such as percentages), not absolute units (such as pixels). This will make sure that your font sizes pay attention to the preferences the user has set in their browser: if they've asked for very large fonts, they'll get very large fonts. Never forget that it's ultimately up to your users how they want to see your site, and you have to respect this.

Avoid Comic Sans

Finally, it's worth adding a special mention here for a font that is a hate object for designers everywhere: Comic Sans. It's a font that you've no doubt seen, with its trademark child's handwriting-like letters. It was designed to have a 'playful' look, but the use of it has just got out of hand - if you've ever tried to read a whole web page in Comic Sans, you'll know the pain I speak of. In a design sense, using it is a faux pas right up there with misplacing all your apostrophes. Read more at www.bancomicsans.com.

About the author:



Original Source: Eclipse-Articles.com - Serving over 25,000 Articles.



Information supplied and written by Lee Asher of Eclipse Domain Services

Domain Names, Hosting, Traffic and Email Solutions.

 Lee Asher

More Articles 

Why a CSS Website Layout Will Make You Money - Trenton Moss
Although CSS layouts have been around for years, they haven't become so commonplace until recently. This was basically due to limited browser support (especially from Netscape 4) - nowadays though, CSS 2.0 (which introduced positioning) is...

Make your Web Site Earn You Money - Rebecca Hubbard
Make your Web Site Earn You Money The success or failure of a web site relies heavily on its design. Designing a web site involves several procedures such as creating mock-ups, defining interfaces, database design, system platform and web...

Drupal Modules - Sanjib Ahmad
There are plenty of Drupal Modules that you can install for your site as add-ons. What we liked best about Drupal modules is that it already comes pre-shipped with several modules. So a standard distribution contains several useful modules that...

Website Templates - Nelson Bort
Website Templates Looking to establish an online presence? Then, your most affordable solution is to buy a web template. It is important to determine what kind of templates are there in the market before you proceed to but one. The following is...

The Concept Behind CSS - Jose Valdez
What is The Concept Behind CSS? The concept behind CSS (a.k.a. cascading style sheets or style sheets) is really simple. CSS allows you to make changes to all of the web pages that link to the CSS file at once by changing...

HTML for Beginners - Lee Asher
For some reason, HTML seems to really frighten a lot of people. Some have seen complicated HMTL that's been produced by an editor program, or they've clicked 'View Source' on a few pages and been scared by what they've seen. What you have...

Designing by Numbers -- Statistics and No Lies! - Pamela Heywood
Stats tell us a myriad of things, some even useful and we're accustomed to using them in our marketing and selling processes. Frequently abused and made to say what WE want, but here I am merely considering them in ways that influence site design...

Web Design - 7 Key things to avoid - Chris Smith
A search for "web design" on Google returns more than 325 million results. So how do we start eliminating all these so called designers? Here are a few of the most common shortcomings. Watch out for: 1. Templates 2. Subdomains 3. DIY...

A Guide To Writing Successful Website Copy - Steve Hattrick
We all know that the lion’s share of web traffic comes through the search engines. We also know that keywords and links to your site are the two things that affect your ranking in the search engines. Your keywords tell the search engines what you...

Making Better Web Graphics that grab your attention and load FAST. - John Catalfamo
AG Graphics Making Better Web Graphics that grab your attention and load FAST. Volume 1, Issue 1 October 1, 2004 You are subscribed to - Making Better Web Graphics that grab your attention and load FAST. If you wish to be removed, you can find...

Can Your Web Site Win The Tour De France? - Ken Hablow
It's over. After three grueling weeks of racing, Lance Armstrong has won what some call the world's most difficult sporting event, the Tour De France. The US newspapers gave the event a cursory notation the Monday after the finish and showed a...

Some Places to Go For More Information - Lee Asher
If you feel like you know quite a bit about web design now, but you'd really like to explore the details a bit more, then this is the article for you. As web designers are, by their nature, very likely to be web users and website owners, there's...