---
name: typography
description: Use when asked about typeface selection and text styling for readability and visual design — typefaces, readability factors, emotional impact, hierarchy, alignment, consistency — for graphic design, web design, and branding.
---

# Typography

Typography is the art and technique of arranging and designing
typefaces (fonts) to make written language readable and visually
appealing — the selection, arrangement, and styling of typefaces, along
with spacing, line length, and overall layout. It plays a crucial role
in graphic design, web design, branding, and visual communication
generally.

## Key aspects

- **Typefaces** — the different designs and styles of letterforms, from
  classic serif fonts (with small decorative strokes) to modern
  sans-serif fonts (without them), script fonts, display fonts, and
  more.
- **Readability** — font size, line spacing (leading), letter spacing
  (tracking or kerning), and contrast between text and background are
  all crucial to ensuring text is easily readable.
- **Emotional impact** — different typefaces evoke different tones —
  elegance, playfulness, seriousness, informality — shaping how a
  message is perceived beyond its literal content.
- **Hierarchy** — different font sizes, weights, and styles establish a
  visual hierarchy, guiding the reader's attention among headings,
  subheadings, body text, and other elements.
- **Alignment** — left, right, centered, or justified text affects
  visual flow and readability, and can create different visual effects
  and emotional impressions.
- **Consistency** — consistent typography across a design or brand
  creates a cohesive visual identity and reinforces recognition,
  producing a unified, professional appearance.

## Common pitfalls

- **Too many typefaces in one design** — mixing more than two or three
  typefaces (typically one for headings, one for body text, occasionally
  one accent) tends to look inconsistent and undermines hierarchy rather
  than reinforcing it.
- **Prioritizing style over readability** — a visually striking but
  hard-to-read typeface (excessive decoration, poor contrast, too small
  a size) fails typography's primary job.
- **Inconsistent hierarchy signals** — using font size, weight, and
  color inconsistently to indicate importance confuses rather than
  guides the reader.
- **Ignoring line length and spacing** — lines that are too long (hard
  to track back to the start) or too tightly/loosely spaced both hurt
  reading comfort, independent of the typeface chosen.

## Learn more

- [[iconography]] for the complementary visual-communication discipline of icons.
- [[user-centred-design]] for the broader design discipline typography choices serve.