#WebsiteWednesday – Tip #7

ww-tip7-fonts-fb
Share on facebook
Share on twitter
Share on linkedin

Rob here!

This week for #websitewednesday we’re going to be talking about fonts and readability because what’s the use in having a good looking website if it’s difficult to read your text or the fonts you’ve chosen don’t represent your business! So this week is all about…

Fonts and readability

Font size and spacing

There’s a surprising amount to think about when it comes to the text on your website. Lets first talk about font size and spacing of letters, lines and characters. Headers should be nice and clear, preferably larger than your text. This allows your visitors to quickly find what they’re looking for. Spacing can refer to the gaps between letters and lines. In the below example you can see how the bad text looks messy and hard to read. This may seem like an obvious point, but believe me, it happens!

The good text is more open, it’s easier to read one line at a time and the header is nice and big. This formatting goes really well with plenty of white space around it as well.

Font Selection

Chances are you’re probably writing your website content in a separate document like Google Docs or Microsoft Word. Before putting your text onto the website you’ll want to consider which fonts you’re going to use. I won’t go into too many details as this also comes under branding and you probably have an amazing brand already, but here are a few things to consider.

What does the font say about you?

Take a look at our fonts for example. The font we use for our text is legible and a little more interesting than the cliche San serif. Our header font is what truly determines who we are. It isn’t serious or formal and represents our creative side. Jump over to your website now and think about whether your fonts represent you!

Are your fonts overused?

Here are a few of the most overused fonts, I won’t go into why today but if you can find alternatives then great! These fonts were once popular and still are. Comic Sans has won a lot of respect for its readability BUT be different! Stand out against your competition.

For a large selection of free fonts try Google Fonts.

Amount of text

I’ve visited countless websites and instantly left because the amount of text upon arriving is overwhelming. I’ve also got bored when reading long and complex sentences. When you’re writing the text for your website consider how long your sentences are as well as how many paragraphs you have after each heading. In my opinion, you should have one well-structured paragraph that takes into account the points above.

Use bullet points instead

Sometimes paragraphs aren’t necessary, think about what you’re about to write. Is it possible that you’re about to put multiple points across and spill unnecessary waffle? Could your points be made in bullet points instead? They may not look the prettiest but they’re a handy way for you to get information across quickly. Remember attention spans are short, let your visitors find your paragraph with a big header and throw some short bullet points at them.

An example

Here’s the first thing you’ll see when you arrive on our website’s homepage. In this example, you can see a clear header, a short paragraph afterwards, healthy line and letter spacing, and it’s all wrapped up with plenty of white space.

That’ll do for now, if you have any questions about how to use fonts and improve your readability give us a shout at [email protected]

Summary/TL;DR

Here are a few things to consider when it comes to the fonts and readability of your website.

  • Make headers larger than your paragraph text so your visitors can quickly navigate your pages.
  • Consider the spacing between letters and lines of text. Increase the spacing between letters and lines makes your paragraphs a lot easier to read.
  • Select the right fonts for you. Are you using overused fonts? Do your fonts match the nature of your business?
  • Minimise the amount of text on your website. Readers have low attention spans, get your point across quick!
  • If your paragraph contains lots of different points, try using short bullet points instead to avoid too much waffling.

Share this post with your friends

Share on facebook
Share on twitter
Share on linkedin

Let us know your thoughts