The impact of typography on your website

Typography combines typeface, fonts & sizes, colours, margin, whitespace and line spacing. If this is well-thought and balanced out, you'll get a website that's easy to read. Not caring about this is absolutely a lost opportunity and determines a part of the visitor's online experience and behaviour.

Typography influences people's perception and experience on your website, but also how they interpret the message you try to give.

Creativity versus readability

Nowadays a rich collection of fonts and typefaces can be offered. There's standard lettering or you can download more special variations. You can be creative, but remember that a simple and readible text works more convincing.

Our brain processes information at rapid speed and by using a basic font, people tend to be more positive about the message in the text. They will also comprehend the content much quicker and thoroughly. So use a readible font when you want to reach your target audience. In titles and quotes, you can be more creative.

The effect of readability on behaviour

A readible text sells, and people drop out when that's not the case. It's role is much more important than esthetics, althought you better pay attention to this as well. Combining these two elements will have a positive effect on your text and its scanable quality. It makes the text more personal and the message more reliable. Make it best of both worlds: a clear font for the standard text and a more creative font for quotes and titles. It will break your text and make it more dynamic.

A quote shaped to a unique form creates a necessary breakpoint in a continuous text and enhances the readability.

Extra factors that determine the readability of your text

  1. Use whitespace
    Use enough whitespace between the alineas and photos. It gives your text overview en more easy to scan. 
  2. Keep it short
    Limit your alineas in length. Longer textblocks make our brain drop out. Alineas of five sentences are already enough to have a well-organised web text with a clear message.
  3. Dare to vary
    Bold, italic, big, small, coloured or neutral. Options enough, so start exploring and try to highlight the most important information. Definitely online we quickly scan texts, instead of reading them from start to finish.
  4. Sum up
    Use listings when you can. It breaks your text, and also makes scanning easier.