Choosing Fonts for Your Website

Fonts are one of the key ways to personalise your website. However, there are some important things to know first before choosing fonts for your website. Like how many fonts is too many fonts and how can you ensure that the font you pick is one that every browser will recognise?

Read More

At most, choose three (3) fonts. In this case, choose one font for your Page/Post Title (H1 header), a second for your subheadings (H2-H6), and a third for your body text. The font you choose for the Page/Post Title can then also be used for special text such as catch phrases, motivation text or brief testimonials.

Choosing Fonts? Where?

You can purchase unique fonts, but beside the fact that this can be an expensive exercise (especially if you may want to change your fonts from time to time), you also run a risk: there’s no guarantee that others will see the font you buy. The more unique the font is the more likely it is that your site visitor’s browser may not be able to read the font. In such a case, their browser will replace the unidentified font with a generic font. Hence, the money spent on an expensive fancy-looking font is wasted.

Therefore, it is best to stick with either Web Safe Fonts or Google Fonts. Choosing from these FREE fonts ensures that the font you select actually appears in your site visitor’s browser.

Web Safe Fonts

Although Web Safe Fonts are limited, they are a great choice for body text because they feel familiar to people and they are easy to read. Web Safe Fonts include Arial, Courier New, Times New Roman, Helvetica, Comic Sans, Impact, Palantino, Georgia, Trebuchet and Verdana. For an excellent article on Web Safe Fonts, see Sixteen Gorgeous Web Safe Fonts. By default, WordPress comes stacked with many of these fonts.

Google Fonts

Google Fonts offers far more variety (nearly 700 fonts) and is the way we suggest you go. If you’ve purchased out Classic or Premium Theme, you’ll have easy access to all these fonts and you can start perusing your options here: Google Fonts.

Get a cup of coffee and hunt down the two or three fonts you’d like to use on your website.

If you haven’t purchased our Classic or Premium Theme (or don’t use WordPress), this comprehensive article is extremely helpful in how to use Google Fonts. Need something simpler? Keep reading…

Using Google Fonts

Here are a few tips and tricks for using Google Fonts.

  • Insert your own text.

Google offers a silly default sentence to view each font. Insert your own text using keyword phrases that will appear frequently on your site as indicated below.

Google Fonts1 - Choosing Fonts

  • Switch between word, sentence and paragraph view.

To get a better view of how your font will look as either heading text or a paragraph text, switch view as shown below.

Google Fonts2 - Choosing Fonts

  • Use Google’s pairing suggestions to help.

Once you have found one font that you like, use Google’s pairings function for suggested fonts that go well with yours. First, select the little Pop-out icon to the right of screen.

Google Fonts3 - Choosing Fonts

When the pop-up appears, select the Pairings tab as shown below.

Google Fonts4 - Choosing Fonts

I trust you found this helpful. Let me know if you have any questions.

Return to the home page for an outline of our services, or compare our pricing and packages here.