Key answer: Typography shapes brand and conversion in three ways – it builds character (a typeface carries emotion faster than a logo), it determines readability (line height 140–175%, line length 45–75 characters, WCAG contrast), and it affects performance (badly implemented webfonts slow pages and cause layout shifts). Typeface selection is a strategic decision, not a cosmetic one.
Table of contents
The short answer
On the web, almost everything is text – headlines, offers, buttons, prices. Typography is therefore not "one of the design elements" but its main carrier: it builds brand character, decides readability and directly affects conversion. Typeface selection is a strategic decision.
A typeface speaks before you read
Before the brain processes the content, the eye has already judged the form: serifs say "tradition, gravity, editorial"; geometric sans-serifs say "modernity, technology"; humanist faces say "approachability, warmth". This is not esoterica but learned cultural association – which a brand can harness or unknowingly undermine.
A practical test: imagine a law firm set in Comic Sans, and an AI startup set in blackletter. Same content – completely different message.
Readability is conversion
A user who has to strain to read – doesn't read. The craft of readability comes down to a few measurable rules:
- Base size: at least 16 px for body text; smaller sizes only for metadata.
- Line height: 140–175% of the type size for paragraphs; tighter in headings.
- Line length: 45–75 characters. A line spanning the full monitor width is a marathon for the eye – which is why good sites set text in width-limited columns.
- Contrast: minimum 4.5:1 for text (the WCAG AA requirement). Fashionable light-grey text on white is designing against your own customers.
- Hierarchy: readers scan – headings, subheads and emphasis must lead the eye through the page without instructions.
Micro-typography – the details that add up
Professional typesetting differs from defaults in details: real quotation marks, true dashes (– and —) instead of hyphens, non-breaking spaces where line breaks would hurt, correct numerals in tables. Each detail is small; together they produce the impression of quality that separates a premium brand from an average one. This site applies them automatically – a matter of implementation, not editorial labour.
Performance: typography loads too
Webfonts are files – and files cost milliseconds. Badly implemented typography hurts Core Web Vitals: text invisible until the font downloads, or a layout jolt at swap time (CLS). The hygiene rules: self-host the fonts, use WOFF2, prefer variable fonts to five separate weights, set font-display: swap and subset the character set to what you need.
Licensing: you need the right to use the typeface
A font for print, for the web and for an app are often three different licences. When selecting a brand typeface we check costs across all planned media – a licensing surprise at app launch can force a typographic rebrand. High-quality open-source faces (SIL OFL) are an increasingly serious alternative.
Our perspective
We have designed typography since the days when a typesetting error stayed in thousands of printed copies – that school of precision came with us into digital. We treat typeface selection as the foundation of identity: this is how we build brands, from paper to design system.