Web Design & UX

Web Typography

Quick Definition

Web typography is the practice of arranging type for clarity, hierarchy, and brand on the web.

In context

Best practices: limit to 2–3 type families, use system or properly-loaded web fonts, optimize for performance (font-display: swap or optional), maintain line-height of 1.5+ for body text, and ensure sufficient contrast for accessibility.

Have a question this didn't answer?

Book a free 60-minute strategy call. We'll explain how this concept applies to your specific situation.

Book a Free Call Browse 50+ Detailed Answers

Related terms

Headless CMS

A headless CMS provides content storage and editing tools but doesn't dictate the front-end — content is delivered via API to any front-end framework.

Mockup

A mockup is a high-fidelity visual representation of a page, showing colours, typography, imagery, and final design — but not interactive.

UX (User Experience)

UX covers everything that affects how a user feels when interacting with a product — usability, clarity, performance, accessibility, and overall satisfaction.

Conversion Friction

Conversion friction is anything in the user journey — extra form fields, unnecessary steps, slow loads, confusing copy, distracting design — that reduces the likelihood of completing the desired action.

Focus Management

Focus management is the practice of programmatically moving and visualising keyboard focus through an interactive UI — critical for accessibility (screen reader and keyboard-only users) and for AODA compliance.

Contrast Ratio

Contrast ratio measures the difference in luminance between text and background, expressed as a ratio (e.g., 4.5:1).

Back to all terms