Donate
Back to Graphic Design Fundamentals
Sign in to save your progress and earn a certificate.

Module 4: Typography Basics

Learning Objectives
  • Distinguish serif, sans-serif, script, and display typefaces
  • Apply hierarchy using font size, weight, and spacing
  • Pair fonts correctly without creating visual clutter

Typefaces fall into four main families: serif fonts (with small decorative strokes, like Times New Roman) feel traditional and trustworthy; sans-serif fonts (clean, no strokes, like Helvetica or Montserrat) feel modern and are most readable on screens; script fonts imitate handwriting and suit invitations or logos; display fonts are bold and decorative, used sparingly for headlines only. Typographic hierarchy -- using size, weight (bold vs. regular), and color to show which text matters most -- helps a reader scan a design in seconds rather than reading every word. A safe pairing rule for beginners is to combine exactly two typefaces: one for headlines and one for body text, ideally a serif with a sans-serif for contrast, and never more than three fonts in a single design. Line spacing (leading) and letter spacing (tracking) that are too tight make text feel cramped and harder to read, especially for body copy under 14px.

Module Quiz

1. A safe beginner rule for font pairing is to use:

2. Which type of typeface is generally most readable for body text on screens?

3. Typographic hierarchy is achieved mainly through: