How To Choose Website Fonts

We've talked about planning your new site and the colours to use, but what about typography? The fonts on your site need to suit your brand. 

Does The Font Even Matter?

Some fonts look distinguished and official, some are childlike or friendly and plenty of fonts are fancy and elegant. You need to get the right feel for your brand to help reinforce the brand image you're trying to create with things like colours and copywriting.  

The best thing about choosing a font is if there's no one right answer, there are lots of fonts to choose from. There are however plenty of wrong answers, you should never use comic sans for a funeral directors website, for example, it looks like you find burials amusing.  

Think about what customers associate with your brand, if you can come up with some descriptive words then any designer worth their salt can swiftly give you the most appropriate font options. 

Best Font Size for Websites

As with our website, you'll need a variety of sizes for different headings and design specific items around the site.

Body Text

In terms of body text, the standard paragraph text on your website, you want it to be both readable and scalable, so it isn't too big - giving the impression of endless paragraphs. The industry-standard best font size for your main body text is 16px. Having said that, your specific typeface may have larger text than others, so 16px in a 'standard' font may be larger for you, so you may wish to venture to 15px or even 14px. 

Another, often overlooked, aspect of the font size is your target audience. It's a sad but true fact that the older your target audience is, the more likely they'll struggle to read small or overly ornate fonts. If you're targeting an older audience you might consider a pixel or two larger on the font size, this will naturally lead to shorter paragraphs and more spacious layouts from your website designer, which can make the text much easier to read. 

Captions and Labels

We recommend if you're going to use this kind of supplementary text around the site you go at least 2 px smaller than your body text, so 14px if you're using 16px for the body. If you go down just one size your likely to visually confuse this text with the body content, you want the secondary text to be clearly distinguished. 

Headers

This is the fun part, you're probably going to need one really big H1 header option, to identify the content of a page and capture attention, then a few smaller H2 and H3 styles. Ensure your H2 and H3 are distinctive from one another either by font size and/or by using a different font or colour. 

What The Font?

We're here for you. Picking fonts isn't for everyone. If you don't know your Times New Roman from your Georgia then just leave it to us. 

We can work with you to find the brand properties that you want to reinforce with your font choice. We'll make sure you've got all the fonts that you need, from the page headings to the CTAs at the bottom. 

We'll set up your website with all your new typefaces and the font styles in place. In our CMS you can copy and paste styles around the website so should you want to play around with your site after it's built you can keep your fonts consistent on your new pages. If you don't want to do it yourself you can always send any updates or additions to your dedicated website manager and they'll do it for you. 

If you'd like us to find the perfect fonts for your company website then just get in touch. 

Back to All Resources