Typography is the art of arranging letters so words are readable, expressive, and visually organized. This cheat sheet helps students understand how letterforms work in posters, websites, logos, books, and presentations. It gives quick rules for choosing type, spacing text, and building clear visual hierarchy.
Students can use it as a reference when planning, revising, or critiquing design work.
The most important concepts are type anatomy, type classification, spacing, alignment, and hierarchy. Good typography balances readability, meaning, and visual style. Key spacing rules include leading = space between lines, tracking = space across a group of letters, and kerning = space between two specific letters.
Strong designs usually use contrast in size, weight, color, and spacing to guide the viewer’s eye.
Key Facts
- Typeface means the overall design of letters, while font means a specific style, weight, and size of that typeface, such as Helvetica Bold 24 pt.
- Serif typefaces have small finishing strokes on letter ends, while sans-serif typefaces do not have those strokes.
- Leading is the vertical space between baselines, and body text is often readable when leading is about 120% to 150% of the font size.
- Tracking adjusts the spacing across a whole word, line, or paragraph, and too much or too little tracking can reduce readability.
- Kerning adjusts the space between two specific letters, such as A and V, to make the spacing look visually even.
- Hierarchy is created by contrast in size, weight, color, position, and spacing, so the most important text is noticed first.
- Readable body text usually uses simple fonts, clear spacing, strong contrast, and line lengths of about 45 to 75 characters.
- Alignment should be consistent across a design, because mixed alignment without purpose can make text look unorganized.
Vocabulary
- Baseline
- The baseline is the invisible line that most letters sit on in a line of text.
- X-height
- X-height is the height of lowercase letters such as x, a, and e, not including ascenders or descenders.
- Ascender
- An ascender is the part of a lowercase letter that rises above the x-height, such as in b, h, or l.
- Descender
- A descender is the part of a lowercase letter that drops below the baseline, such as in g, p, or y.
- Hierarchy
- Hierarchy is the visual order that shows which information is most important, second most important, and least important.
- Kerning
- Kerning is the adjustment of space between two individual letters to make the pair look balanced.
Common Mistakes to Avoid
- Using too many typefaces makes the design feel chaotic because the viewer cannot tell which styles are important. Limit most designs to one or two typefaces.
- Making body text too decorative hurts readability because complex letterforms are harder to read in long passages. Save display fonts for short titles or accents.
- Ignoring kerning in large titles creates awkward gaps because spacing problems become more visible at bigger sizes. Check letter pairs like AV, To, Wa, and LY.
- Center-aligning long paragraphs makes reading harder because each new line starts in a different place. Use left alignment for most body text.
- Using low contrast between text and background makes words difficult to see. Choose light text on a dark background or dark text on a light background with enough difference in value.
Practice Questions
- 1 A heading is 36 pt. If you use leading at 125% of the font size, what leading value should you use?
- 2 A paragraph line contains about 95 characters. Is this likely to be comfortable for body text, and what range should you aim for instead?
- 3 You set body text at 12 pt with leading at 18 pt. What is the leading as a percentage of the font size?
- 4 A poster uses five fonts, centered body text, and a decorative script for long paragraphs. Explain two typography changes that would improve readability and hierarchy.