{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What is type hierarchy?", "acceptedAnswer": { "@type": "Answer", "text": "The use of size, weight, and style to guide readers through content in order of importance." } }, { "@type": "Question", "name": "What is line height and why does it matter?", "acceptedAnswer": { "@type": "Answer", "text": "The space between lines of text — 1.4–1.6 is standard for body copy, affecting readability." } }, { "@type": "Question", "name": "What is a type scale?", "acceptedAnswer": { "@type": "Answer", "text": "A predefined set of type sizes with a consistent ratio (e.g., 1.25 Major Third) for visual harmony." } } ] }
Definition

What Is Typography in Web Design?

The art of arranging type — selecting typefaces, sizes, weights, spacing, and line heights — to create readable, hierarchically clear, and aesthetically appropriate text.

Related Terms

Font

Brand Guidelines

Visual Hierarchy

Design System

Whitespace

Example

A SaaS website uses a type scale with a 48px H1, 32px H2, 20px H3, and 16px body — creating clear visual hierarchy without relying on colour alone.

Synonyms:

Type design, Font system

Acronyms:

-