Skip to content

Level 2

Typography

How letterforms carry meaning

From metal type to variable fonts: what typefaces are, how they behave, and why typography is the single highest-leverage skill in visual design.

10 lessons~83 min
Start track

By the end of this track you can

  • Distinguish typeface from font, and serif from sans serif, with intent
  • Set readable text using spacing, leading and measure
  • Build a type hierarchy that survives contact with real content
  • Choose type for a purpose rather than a mood
  1. What Is Typography?

    8 min

    Typography is the craft of arranging letterforms so that written language can be read, understood and felt, using type designed in advance for repeated use.

  2. Typeface vs Font

    7 min

    A typeface is the design of a set of letterforms; a font is the specific object that delivers it. The distinction survives because it still clarifies real decisions.

  3. Serif Typefaces

    9 min

    Serifs are the small finishing strokes at the ends of letters, and the families that carry them trace five centuries of tools, technology and taste in Western type.

  4. Sans Serif Typefaces

    9 min

    Sans serifs strip the finishing strokes away, and their two-century rise tracks industry, modernism, public signage and finally the screen as the dominant reading surface.

  5. Display Type

    8 min

    Display type is designed to be seen before it is read, and it follows a different set of rules from the text type that carries extended argument.

  6. Type Hierarchy

    9 min

    Hierarchy is the typographic ordering of content by importance, so a reader can find the structure of a document before reading a single sentence of it.

  7. Spacing and Measure

    9 min

    Measure is the length of a line of text, and together with word spacing it decides whether a reader's eye can travel a paragraph without losing its place.

  8. Kerning and Tracking

    8 min

    Kerning adjusts the space between two specific letters; tracking adjusts it uniformly across a run. Confusing them is one of the most common typographic errors.

  9. Leading and Line Height

    8 min

    Leading is the vertical distance from one baseline to the next, and getting it right is what lets a reader's eye return accurately to the start of each new line without effort.

  10. Typographic Grids

    8 min

    A grid is an invisible structure of columns, rows, margins and gutters that turns layout from individual judgment into a repeatable system many people can work within consistently.

Next track

Graphic Design