Typography
9
stories in this section
-
Web Font Performance: Loading Type Without Slowing a Page
How to load custom typefaces quickly: discovery, file size, font-display and fallback matching.
-
Variable Fonts: One File, Many Weights and Widths
How variable fonts pack many weights and widths into one file, and how axes are used in CSS.
-
Typography Basics: How Type Choices Shape a Design
A plain guide to typography basics: how type is chosen, sized and spaced, and how those choices affect readability, accessibility and the look of a design.
-
Typographic Hierarchy: Guiding the Reader Through a Page
How size, weight, colour and spacing tell readers where to look first, with tests and fixes.
-
Serif and Sans Serif Fonts: Differences and When to Use Each
What separates serif and sans serif typefaces, what the evidence says about readability and how to choose.
-
Choosing a Typeface for a Logo or Wordmark
A plain guide to choosing, testing and licensing a typeface for a logo or wordmark.
-
Kerning, Tracking and Leading: Spacing Type Well
A plain guide to the three spacing controls of type and how to set each one well.
-
Font Pairing: Combining Typefaces That Work Together
How to combine typefaces so headings and body text contrast clearly without clashing.
-
Font Licensing: Desktop, Web and App Licences Compared
How desktop, web, app and embedding licences differ, and what to ask before using a typeface.