Typography Quiz: Do You Have a Designer's Eye for Type?
Good typography is invisible — until you learn to see it. These 12 questions run from type anatomy to layout taboos. See if you can spot, like a designer, exactly why a block of text works — or why it feels off.
0 / 12 answered
Q1
Are 'typeface' and 'font' the same thing?
Q2
What's the difference between a serif and a sans-serif typeface?
Q3
How do kerning and tracking differ?
Q4
What is 'leading,' and why is it pronounced 'ledding'?
Q5
What is a typeface's 'x-height,' and why does it matter?
Q6
What are a letter's 'ascender' and 'descender'?
Q7
In layout, what problems are a 'widow' and an 'orphan'?
Q8
How big is one 'point' (pt), the unit of font size?
Q9
The hyphen (-), en dash (–), and em dash (—) — used correctly here?
hyphen - joins words (shortest)
en dash – ranges (medium)
em dash — a pause/aside (longest)Q10
About setting text in ALL CAPS — which statement is correct?
Q11
What line length (measure) is easiest to read for body text?
Q12
How does a 'display' typeface differ from a 'text/body' typeface?
Answer all 12 questions to see your result 👆
Eight terms every type nerd knows
- typeface vs font
- typeface = the whole design (Helvetica); font = a specific instance (Helvetica Bold 12pt).
- serif / sans-serif
- serif = little feet at stroke ends (Times); sans-serif = none (Helvetica).
- kerning vs tracking
- kerning tunes a specific letter pair; tracking sets overall spacing across a run.
- leading
- Line spacing, said 'ledding,' from metal lead strips. Usually 1.2–1.5× the size.
- x-height
- Height of lowercase bodies. Bigger = more legible at small sizes (screen/signage fonts enlarge it).
- widow / orphan
- widow = tiny end-line stranded at a column top; orphan = first line left at a column bottom. Eliminate both.
- point (pt)
- Size unit, 1pt = 1/72 inch. Measures design size, not inked height.
- the three dashes
- hyphen (-) joins words; en dash (–) marks ranges; em dash (—) marks a pause. Don't mix them up.
Why is a little typography worth knowing?
| Mark | Name | Use |
|---|---|---|
| - | hyphen (shortest) | Joins compound words, breaks lines: well-known, mother-in-law |
| – | en dash (medium) | Numeric/time ranges: 2020–2024, pp. 10–20 |
| — | em dash (longest) | A strong pause or aside: like this — see? |
Typography is 'invisible design' — done well, you just find the text easy and pleasant to read and never notice it; done badly, you can't name what's wrong, but it feels off. Learning to see it is like installing a new filter over your eyes: menus, signs, posters, websites are all full of deliberate (or accidental) typographic decisions.
The 12 questions above cover typography's anatomy and grammar: the typeface/font distinction, what serifs do, how to set spacing, why x-height drives legibility, layout taboos like widows and orphans, and the three most-misused dashes. Every one has a definite right answer — exactly the kind of knowledge the quiz-and-explain format handles best.
These aren't designer mysticism — they're practical rules distilled from centuries of print tradition, most serving one plain goal: making text easier and less tiring to read. Understand the 'why' behind them (why all caps is slower, why lines shouldn't run too long) and your own posts, slides, and posters instantly improve.
Whether you're a design beginner, a content creator, or just a font lover, a bit of typography is a low-cost, high-return investment in taste — it changes not just what you make, but how you see the world.
Want to train your eye systematically? PurrLearn is building courses on design, film, and creativity — each with instant-feedback questions, free to start.
FAQ
Should I say 'typeface' or 'font'?
Strictly: a typeface is the whole design (Helvetica), a font is one specific instance (Helvetica Bold 12pt). In everyday speech the two are long since interchangeable — nobody will correct 'let's change the font.' But in design and print contexts, using them correctly marks you as an insider.
Serif or sans-serif for body text?
There's no absolute answer. Print long-form has traditionally favored serifs (they guide the eye across continuous text); screens, especially in the low-res era, favored sans-serifs (cleaner). High-res displays have blurred that line — today it's better to judge by a specific font's x-height, weight, and purpose than by a simple serif/sans split.
Do I need to kern manually?
For body text, usually not — good fonts ship with kerning data and software applies it automatically. Manual kerning matters at large sizes: logos, headlines, posters, where blown-up letters make uneven pair gaps glaring (classic trouble pairs are A-V, T-o, W-a).
What leading should I use?
A common range is 1.2–1.5× the font size (roughly line-height: 1.4 in CSS). Longer line lengths need a bit more leading to help the eye find the next line; large headline type can be set tighter. Judge by 'neither cramped nor falling apart.'
Are these rules absolute — can I break them?
Yes, but learn them first. These conventions (line length, leading, all caps, widows/orphans) serve the default goal of legibility. When your goal isn't legibility but impact or artistry (an experimental poster, a brand logo), you can deliberately break them. Mastery is knowing the rules and when to break them — not being unaware they exist.