This post is part 2 of a two part series on improving blook readability.
In Part 1 we’ve taken a look at some designs that focus reader attention on the writing of a site, as opposed to designs distracting from it. Today we’re going to go through the common points these designs have: something that anyone with a little bit of time (free from writing, that is) can figure out on their own.
When we look at good, content-focused sites we notice that a lot is done to make it easier for the reader to read. It thus goes without saying that the fonts in which content is written in play a big role in determining site readability. Our hope, of course, is that when a site is easy to read more readers will give the writing a fighting chance – to prevent them from clicking the back button or – worse – flying off to some distant corner of the web, never to return.
Typography – the messy business of fonts
If you don’t already know, typography on the web is an embarrassment. There are only about 6 fonts in use, and at least one of them should be buried at the bottom of the ocean. These fonts are Georgia, Verdana, Arial Times New Roman, Trebuchet and Comic Sans.
Let’s go over them quickly:
- Novelr uses Georgia. I like Georgia. It is the font of choice for many design blogs, and it still holds a certain visual appeal for some people (eg: me). It reads wonderfully in larger sizes, though legibility takes a beating when it is scaled down to smaller ones.
- Verdana was created for on-screen reading, and it does that job very well. It is a big font by nature but remains clear even when brought down to very small sizes. It is the font most used by blogs.
- Arial is like that old Ford your grandfather used to drive around in. It isn’t glamorous but it gets the job done. Arial is designed for on-screen reading, and is used almost everywhere on the web – Wikipedia, for instance, and any Google search results page. It is a very reliable, readable font, but it slightly uninspired.
- Times New Roman was overused on the Internet way back 1990s. It can still be used, but only after some major CSS tweaking, and even then as post headers. Otherwise stay far, far away from it.
- Trebuchet is described by Microsoft as ‘good for web design’, and I’m inclined to agree. It may not be as widely used, and it might not turn up in some non-Windows computers, but it is a curvier alternative to Verdana or Arial. In Windows it is the default font for title bars.
- Comics Sans should be burned in hell. Do not touch.