3 Typography
Learn how letterforms, type selection, readability, spacing, and hierarchy work together to make written communication clear and appropriate to its purpose.
Typography and communication
Typography is the selection and arrangement of type to make written information clear, engaging, and appropriate to its purpose. It shapes how readers recognize words, move through a page, and perceive a message. Effective typography balances the character of letterforms with the needs of the reader.
Letterform anatomy
A is a designed family of letterforms; a is a particular style or file within that family, such as regular, bold, or italic. The shapes of letters and the spaces around them affect how type looks and reads.
Important parts of letterforms include:
Baseline: the line on which most letters sit.
: the height of lowercase letters such as “x,” excluding ascenders and descenders.
Ascender: the part of a lowercase letter that rises above the , as in “h” or “b.”
Descender: the part that extends below the baseline, as in “p” or “g.”
: an enclosed or partly enclosed space within a letter, such as the inside of “o” or “e.”
Stem: a principal stroke of a letter.
Serifs: the small finishing strokes found on some letterforms.
These features contribute to a ’s texture and distinctiveness. For example, a generous can make lowercase text appear larger at the same nominal size, while open counters at small sizes can help letters remain distinguishable.
Type classifications and use
Type classifications are useful shorthand, not rigid rules. Common groups describe differing letterform characteristics and typical uses:
Serif: letters have serifs. Subgroups include old-style, transitional, modern, and slab serif; serif type is often used for editorial, literary, or formal tones.
Sans serif: letters lack serifs. This group, which ranges from geometric to humanist designs, is common in interfaces, signage, and contemporary branding.
Monospaced: each character occupies the same horizontal width, making this type useful for code and tabular alignment.
Script: letterforms imitate handwriting or calligraphy. Use script selectively, since elaborate forms can be hard to read in extended text.
Display: type designed primarily to attract attention at larger sizes, such as in titles, posters, or short labels.
Choose a for its suitability to the content, audience, medium, and tone—not just its category. A face that works well for a short headline may be tiring in a long article.
, , and accessibility
concerns how easily individual characters can be distinguished; concerns how comfortably a passage can be read as a whole. Both depend on the and how it is set. Consider size, weight, line length, line spacing, contrast, and the reader’s viewing conditions. Avoid decorative or unusually thin type for long passages, and check that similar characters remain distinguishable at the size where the text will actually appear.
For digital text, provide sufficient contrast with the background and ensure that layouts remain usable when readers increase spacing. WCAG 2.2 specifies that web content should not lose information or functionality when readers override line height to times the size, paragraph spacing to times, letter spacing to times, and word spacing to times the size. These are adaptability requirements, not default settings that every design must apply.
Spacing and alignment
Spacing supports a smooth reading rhythm. adjusts the space between a particular pair of characters; it is especially useful in large text, where uneven gaps such as the space between “A” and “V” are noticeable. adjusts letter spacing across a word or range of text. Too-tight can make letters merge, while too-loose can disrupt word recognition.
Leading, or line spacing, is the distance from one line of type to the next. Too little can make lines collide visually, while too much can make it difficult to find the next line. Tune leading to the , size, line length, and medium rather than treating one ratio as universal.
A left-aligned, ragged-right paragraph is a dependable starting point for many reading contexts. Justified text can create uneven gaps when the measure is narrow or the text is short, so inspect the word spacing when using it.
Pairing typefaces
A type pairing should create enough contrast to distinguish roles while retaining coherence. Begin with a simple system: use one family for headings and another for body text, or use a single versatile family with different weights and sizes. A serif headline paired with a sans-serif body can establish contrast; shared proportions or a compatible tone can make the combination feel intentional.
Give each face a clear job and limit the number of styles. Test the pairing in actual words and paragraphs at the intended sizes. Check that heading and body text remain distinct, body text is comfortable to read, and punctuation, numerals, and bold or italic styles work together.
A practical typography workflow
Identify the task. Decide whether the type is for a long article, navigation label, poster, or wordmark. Note the audience, tone, medium, and reading conditions.
Establish roles. Define styles for body copy, headings, captions, labels, and emphasis. Use size, weight, and spacing consistently so readers can recognize each role.
Choose and test. Select a suitable or restrained pairing, then test real content at the actual display size. Review , line breaks, spacing, and contrast.
Refine and check. Adjust in prominent short text, tune and leading as needed, and proofread the final layout. Check the design on relevant screens or in print; for digital content, test text resizing and spacing overrides.
For example, a community event flyer might use a distinctive display face for the event name, a simple sans serif for the date and location, and a comfortably sized text face for additional details. The expressive title attracts attention, while consistent supporting type helps readers find practical information quickly.
Typography brings together letterform choice, classification, , spacing, and hierarchy to support communication. A small, well-tested type system is usually clearer and more effective than a collection of unrelated styles.