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.
Understanding Typography & Letterforms
Letterforms grew from handwriting, carving, and printing technology. Roman capitals were shaped for stone inscriptions, so their proportions feel formal and stable. Renaissance printers developed letter styles based on handwritten manuscripts.
Later, industrial posters used heavy display types that could be seen from a distance. Digital type can now be resized instantly, but it still carries these older visual associations. A type choice can suggest a period, place, or mood because viewers have seen similar forms in books, signs, packaging, and screens for years.
This is why a historical poster needs more than old-looking letters. Its letter style, paper space, image treatment, and wording need to support the same idea.
Typography works partly because people read word shapes and familiar patterns very quickly. The eye does not measure every gap with a ruler. It judges whether the white space around letters feels balanced.
Some letters create awkward spaces because of their shapes. A capital A beside a capital V can leave a large wedge of empty space, while letters with straight sides can appear crowded even when their measured distance is equal. Curved letters such as O often extend a tiny amount above or below flat letters so they appear to be the same height.
This adjustment is called overshoot. It shows that type design depends on optical judgment, not only geometry.
Students meet typography whenever they make slides, label diagrams, design event flyers, edit videos, or post information online. In these settings, the reader often decides within seconds where to look first. A title may attract attention, but the smaller text must still make the message easy to follow.
On a phone, tiny text and weak color contrast become especially difficult to read. Decorative display lettering can work for a short heading, yet it usually becomes tiring in a long paragraph.
Readability matters for accessibility too. A design should help people with low vision, reading difficulties, or a small screen understand the information without unnecessary effort.
A useful design process begins with the content rather than the font menu. Mark the main message, supporting details, and small practical information such as a date or source. Give each level a clear job.
Then test the design at its real size. Print it, step back from it, or view it on the device where it will be used. Read the text aloud and notice where your eye loses its place.
Check repeated elements for consistent spacing and placement. When critiquing typography, explain the effect you notice. Instead of saying that a font looks bad, describe whether it feels too formal, too dense, too weak, or out of place for the audience and purpose.