Typography

Typeface classification

Recognise six typeface categories and the anatomy that predicts how fonts behave

Typeface pairing

Pair typefaces by role, contrast, and shared qualities

OpenType features

Use ligatures, figures, small caps, and other OpenType features

Font selection & weights

Evaluate font quality, weights, styles, and fallback behaviour

Font loading

Load web fonts quickly while limiting invisible text and layout shift

Sizing & measure

Set readable font sizes, line lengths, and line heights

Spacing & rhythm

Build consistent vertical rhythm around text

Hierarchy & scale

Create a clear hierarchy with size, weight, spacing, and colour

Alignment & layout

Control line breaks, alignment, widows, and rag

Punctuation & special characters

Choose the right punctuation marks and special characters for the web

Display & headlines

Set large headlines with deliberate spacing, rhythm, and detail

Brand & identity

Choose type that supports a clear and consistent brand voice