Finding the right font for your website

typography

When designing your website, it is not only the structure, navigation, content and images that will play a part in the presentation of your business website, but the font that you choose can really impact upon the success of your website design. Fonts can portray a certain feeling and emotion, giving the user a certain impression, and this should be taken into account with your web design. Most importantly, your content needs to be legible. 

As fonts are so important to your overall website design we thought we’d take a look at some of the most popular fonts that are chosen. 

Choose a font that is clear to read

There are many fantastic fonts out there to choose from, but some do not lend themselves to websites. When creating your website design, your font should be easy and clear to read. Fancy typography can be very hard to read on websites, especially when viewed on tablets and other mobile devices, so it’s  important to keep this in mind when deciding on a font.

Font Families and Pairing

Choosing a font that you like and which  also works well for you is great, but you may want to change things slightly with headers, titles etc. You should steer clear of cluttering your website pages with a variety of fonts, and you should instead stick to a font family that you know will work well on your website. You may choose a font that is not within the same font family, but in doing so, you need to ensure that they work well together, are not too dissimilar, but also not completely different, interrupting the flow of the text and affecting the design negatively.

Size it right

Choosing the size of your font is important in the design process. You want to ensure that your content is legible. It is also important to ensure that your fonts work well when viewed on mobile devices such a tablets and mobile phones also. Titles should naturally be slightly bigger than the bulk of the content, but use your judgement when deciding on the size. Having a huge title and then much smaller content will not look as neat as a slightly larger, bolder text for the title. Colour, weight and placement all play a part in making your titles stand out enough, without being overbearing.

Space it right

The space between lines of text, or leading as it is otherwise know is vital in producing readable text. Small text should have tighter leading than large text. Tracking is the space between the characters in text. This won’t really pose a problem with small fonts, but for larger text in titles for example then, you should ensure that there is a space of 1-2px between each character. This way the text will appear less squashed.

Choose colour wisely

Colour overall plays a huge  part in the design of websites, including font colours. Choosing colours that compliment each other and can be easily read is vital. There is no point in choosing a bright blue background with yellow text, as the content will naturally be difficult to read. Having an awareness of the contrast of your text will help you to make the right decisions here.

If you’re looking for some inspiration, why not check out this link for some of the most popular fonts that are used.

If you require some website advice and would like to talk to us about how we can help you, please call us on 01865 98 98 99 or email This email address is being protected from spambots. You need JavaScript enabled to view it.

facebook
twitter
youtube
google
linkedin