2learn

Typography

What it is

Typography is choosing and setting type for the screen: a scale of sizes, a measure that stays readable, enough line height for the eye to find the next line, and a rhythm that separates sections without extra decoration. It is the design half of type; the loading, subsetting and scaling behaviour belongs to Web Typography.

Why it matters

Almost everything a user reads is type, so typography carries most of the hierarchy and most of the reading comfort. A screen with three sizes and a sensible measure feels calm and professional; the same layout with nine sizes and a ninety-character line feels like a document. On screen the constraints are tighter than in print: reading distance varies, the viewport changes, and the reader is often interrupted mid-sentence and has to find their place again.

In this track

  1. Setting a type scale (03-design-ux/28-typography/01-setting-a-type-scale) — choosing few sizes with clear steps and assigning each a job.
  2. Line length and rhythm (03-design-ux/28-typography/02-line-length-and-rhythm) — measure, line height and the vertical spacing that holds a page together.

Prerequisites

Go deeper

Analytics cookies are set only if you allow them. Nothing is loaded, and nothing is sent, until you choose.