The best way to rock fonts in your online course

Home Course design tips Producing online course content The best way to rock fonts in your online course

Fonts can play a huge role in the overall look and feel of your online course. Did you know that using the right font can give your brand instant credibility and trust?


Rock your fonts


So how do you choose fonts to suit your online course?

#1 Consider your course topic

What are you teaching, is it something fun and silly or is it very serious and professional? Choose a font which reflects and matches the topic of your course. Don’t feel that you have to use the same font as your logo or branding.

#2 Consider the mood of your course

How do you want students to feel when you’re teaching them? Do you want them to be excited, motivated or happy when they’re learning? Browse a few fonts and choose one that matches the overall mood of your course.

#3 Choose an easy to read font

How easy is it to read and understand your font on screen? Curly, handwritten or cursive fonts look great on flyers and brochures but are not as legible, online. Poor readability can frustrate your students.


Simple ways to spice up online fonts

#1 Create contrast

Try to vary the size, weight and colour of your fonts.

  • When contrasting size, make the contrast obvious; so very big vs very small. When fonts are too similar, it tends to become boring.
  • Light, bold, semi-bold and heavy are all forms of font weight. Again make the contrast super obvious by contrasting heavy weights with light weights.
  • Use strong contrasting colours to gain attention and add bold colours to headings and sub-headings. Don’t forget about black and white colours or the many varying shades of black and grey which you can use to add further contrast.

#2 Don’t use similar fonts

When combining fonts, don’t be afraid to mix different font families. Study the example below and notice how something seems amiss. They clash because they’re too similar even though they’re different sizes and cases.

Browse through magazines and newspapers to get an idea of how different typefaces are being combined. Using fonts that are too similar normally ends up looking wrong!

#3 Stick to 2 or 3 fonts

Using too many fonts can be visually distracting. Choose a maximum of 3 fonts, one for headings, sub-headings and body text.

#4 Create a font style guide

Creating a font style guide will help to give your course a more cohesive look.

Select different fonts for:

  • Main headings such as module and lesson names
  • Online screen text and body text in worksheets, pdf’s and slides

Determining the font, size, weight, colour, spacing and alignment beforehand will save you bucket loads of time.

#5 Add kerning aka letter spacing

This is design jargon for the spacing which occurs between letters. Your computer automatically sets the spacing.

You can give your fonts more character by increasing the space between the letters so that they’re visually consistent. Definitely consider kerning your headings and sub-headings or when using larger text. Generally good design software or Canva will let you adjust your text spacing manually.

And lastly, I wanted to share a few cool sites that can help you with your font selection. is an Apple app that helps you to choose complimentary fonts and preview various font combinations. is a website that lets you type words or phrases and gives you instant visual previews in different fonts lets you compare different typefaces while also allowing you to adjust size, weight, colour, spacing, alignment and so much more.


«     »

Comment as we'd love to hear your feedback

2018 © All Rights Reserved