Module goal
Understand how type choices shape professionalism and readability, and select and pair fonts with intention rather than by default.
Why bother
This is a vocabulary correction more than a deep concept, but it lets you communicate precisely with clients and collaborators: “let's use a bolder font within the same typeface” is a more accurate request than conflating the two.
| Type | Feature | Associations | Examples |
|---|---|---|---|
| Serif | Small decorative strokes at the ends of letters | Tradition, formality, print, trust | Times New Roman, Georgia |
| Sans-serif | Clean, uniform strokes with no decorative ends | Modernity, simplicity, digital-first | Helvetica, Montserrat, Inter |
A tendency, not a law
Sans-serif renders more cleanly at small sizes on screens, which is why most apps and websites default to it for body text, while serifs appear in editorial, luxury and print contexts. Plenty of modern digital brands use serifs deliberately to stand out from that default.
Too many typefaces creates visual chaos; only one can feel flat. The professional standard is typically two, occasionally three — one for headings, one for body, sometimes a third as an accent.
The reliable pairing principle is contrast, not similarity. Two fonts too similar to each other create tension without purpose — the eye can't tell whether the difference is intentional. A distinctive serif heading with a clean sans-serif body (or vice versa) creates clear, purposeful contrast.
The safe beginner rule
One expressive, distinctive font for headings (where personality shines at large size) and one highly readable, neutral font for body text (where legibility at small size matters most). This single rule prevents most beginner pairing mistakes.
Using known-good pairings isn't cheating
Experienced designers regularly draw on documented, well-tested pairings rather than inventing combinations from scratch every time. That's legitimate professional practice.
The most common beginner mistake
An 18pt heading above 16pt body text. The difference must be felt immediately, not analysed — 32pt over 16pt creates unambiguous hierarchy that guides the eye without effort.
Success criteria
The poster reads clearly at a glance with unmistakable hierarchy, and uses no more than two typefaces — proving strong visual interest can come from typography alone, without imagery.
Question 1 of 6
What's the technical difference between a typeface and a font?
Key takeaways
Lab tasks
Write your answers in your own notes before moving on — explaining a concept in your own words is the fastest way to find the gaps.