Website Design and HTML fonts – You may think ‘What’s so important about the font’. Well the font is what the text content is displayed in. Some designers get very tempting to use fancy looking fonts when designing a web page. After all, the fancier the font the more attractive it will be to visitors. This may help you to get the user to stay on your page for longer, once they’ve gotten there.
This is a big misconception, what actually happens is the complete reverse of this.
Most people go to a web page because they are interested in the information that is there. They did a search found you link and clicked on it. This page could either be an article they want to read about. Maybe it is a product or service page that requires them to navigate through a number of pages to find the product or service that they were actually looking for.
Put yourself in the user shoes. Your spending your free time to find some info and then you click on a link, thinking it will have the answer. The last thing you want to do is have to battle with the font on the page because it is tough to read. Now if there was only a little bit of text it may look ok, but when there is a decent amount of text on the page the font becomes very important for the UI of your website.
There are several things that make fonts easy or hard to read and each one is just as important as the other. When you think of fonts you tend think style. But fonts are made up of many properties but the most important of these properties are:
- and color.
First the Type
The type of font refers to how the font characters themselves are displayed. The most common fonts being used around the world is Times New Roman and Ariel. Most editors, document creators such as Microsoft word have these fonts as defaults. These are common because they are the easiest to read. The reason they are the easiest to read is because they are plain and simple.
Times New Roman
There is nothing fancy about them as opposed to a font like, say,
which is an excellent representation of the font that looks good for a few words. They may look real cool, but they are not easy to read, beyond a small sentence. Maybe for a word or two, no problem. But a whole page of Magneto, fonts could become a reading nightmare for a visitor to your site.
Now, suppose your site was about Car design. In that case it would be okay to maybe have some words using that font, such as maybe headings and the first word of each paragraph. The font suits the topic. But for the majority of the rest of the text you would still need to be in easy to read font.
This way you capture the flavour of the Car design world and still give your readers an easy to read experience.
Want to know more about website design, read our guide –
Size is another issue about fonts. Not everybody has 20-20 vision. You don’t want the fonts on your page to be too small. If they are, some people are going to have a difficult time reading the material on the page. You must think of people who have some sort of eye impairment or disability. You have to cater for all type of people. Young children need clear large fonts to make it easier to read and the elderly will need the same.
A good size for a paragraph font is about 12 to 14 points. Headings can be a little bigger, maybe between 16 and 20 points. By keeping the size of your font within normal parameters you give your visitors the best chance of an easy read of your page.
The last important factor is colour. Keep is simple, black or something very close to it. If you can read the text from about 1m away, your fine. Stay away from light colour text on a light background or yellow text on a black background. Plain and simple is the key to good UI. The colour for your pages come from images, not from the text.
By keeping these few simple concepts in mind, you are assured that your visitors get the most pleasant experience possible when visiting your website.