Typography is one of those things that's invisible when it's done well and glaring when it's done badly. You don't need to know fifty terms to get it right — you need to understand three decisions: what typeface to use, how to pair fonts, and how to space things out.
Serif vs Sans Serif: Pick Based on Feel, Not Habit
Serif fonts have small strokes at the ends of letters (think Times New Roman, Georgia). Sans serif fonts don't (think Helvetica, Arial). The common advice — "serif for print, sans serif for screens" — is outdated. Screens display serif fonts just fine now.
What actually matters is the feeling you want:
- Serif reads as traditional, established, editorial — think newspapers, law firms, universities
- Sans serif reads as modern, clean, approachable — think tech startups, apps, minimalist brands
Neither is "better." Pick based on the tone of the project, not because you read a rule somewhere.
Font Pairing: The Two-Font Rule
The single biggest beginner mistake in typography is using too many fonts in one design. My rule: two fonts, maximum, for most projects.
- One font for headings — can have more personality, more weight, more style
- One font for body text — needs to be highly readable at small sizes, nothing fancy
An easy pairing trick that rarely fails: pick a bold sans serif for headings and a clean serif (or a simple sans serif) for body text. The contrast between the two does the visual work for you without needing a third font in the mix.
Hierarchy: Guiding the Eye
Hierarchy just means making the most important text the most visually obvious, and the least important text the least obvious. You control this with three levers:
- Size — bigger text draws the eye first
- Weight — bold text feels more important than regular weight
- Color/contrast — darker or more saturated text stands out against a muted background
A quick test: squint at your design, or blur your eyes slightly. If you can still tell what the headline is versus the body text versus the caption, your hierarchy is working.
Spacing Matters More Than People Think
Three spacing terms actually worth knowing:
- Kerning — the space between two individual letters (matters most in large headlines, where uneven gaps are obvious)
- Tracking — the space applied evenly across a whole line or block of text
- Leading — the vertical space between lines of text
The mistake I made constantly early on: cramming text too tightly because I thought more space looked "empty." In reality, generous leading (roughly 120-150% of your font size) makes body text noticeably easier to read, especially in longer paragraphs. Tight spacing looks dense and tiring, not efficient.
A Simple Starting Checklist
- Two fonts max — one heading, one body
- Clear size difference between heading and body text
- Leading around 120-150% of your font size for body text
- Squint-test your hierarchy before calling it done
Typography rewards restraint. The goal isn't to show off every font you own — it's to get out of the reader's way so the content does the work.
This glossary is super helpful! As someone just starting out in design, all the typography terms like kerning and hierarchy felt overwhelming. Breaking down the font types and how to actually use them makes it way less intimidating. Love the practical tips on combining fonts and avoiding the bad ones. Wish I had an App for Live Photo that explained design stuff this clearly! Definitely bookmarking this for future reference.
ReplyDelete