Glossary · Web Design

Typography

ty-POG-ruh-feenoun

Typography is the art and technique of arranging type to make written content legible and appealing.

Part of speech
noun
Pronunciation
ty-POG-ruh-fee
Origin
From the Greek 'typos,' meaning impression or mark, and 'graphein,' to write. The craft dates to movable type but now governs how text looks on screens.

What is Typography?

Typography is the art and technique of arranging type to make written content legible, readable, and visually appealing. It covers far more than choosing a font. Typography includes the size of text, the spacing between lines, the spacing between letters and words, the length of lines, the contrast between headings and body copy, and the overall relationship between text and the space around it. On a website, typography is the single largest carrier of information, since most of what a visitor consumes is words, which makes the craft of arranging those words one of the most consequential parts of any design.

The discipline is built from a set of interlocking decisions. Typeface selection sets the tone, since different letterforms carry different personalities, from formal and traditional to modern and friendly. Type scale establishes a consistent set of sizes so headings, subheadings, and body text relate in an orderly way. Line height, the vertical space between lines, affects how comfortably a block of text reads, while line length determines how far the eye must travel before returning. Spacing between letters and words fine-tunes density and rhythm. Together these choices govern both legibility, whether individual characters can be distinguished, and readability, whether extended passages are easy and pleasant to read.

The word comes from the Greek typos, meaning impression or mark, and graphein, meaning to write. The craft dates to the era of movable type, when individual metal letters were arranged and inked to print pages, and the typographer's skill lay in composing those letters into clear, handsome text. For centuries typography was the province of print. The arrival of screens introduced new constraints and freedoms: text now reflows across devices, renders at different resolutions, and must work at sizes and in conditions the original printers never faced. Web typography adapted the old principles to this fluid, variable medium.

For a business, typography quietly shapes how a website is experienced and trusted. Clear, well-set text keeps visitors reading, which supports engagement, comprehension, and ultimately conversion. Poor typography, cramped lines, tiny text, awkward spacing, or clashing styles, creates friction that pushes people away, often without them consciously knowing why. Type choices also express brand personality, so consistent typography across a site reinforces identity and professionalism. Because readable text is easier for everyone, including people using assistive technology, good typographic practice overlaps directly with accessibility, and accessible, well-structured text tends to serve search engines well too.

The common mistakes are easy to spot once named. Using too many different typefaces makes a site feel disjointed, while text set too small or with too little contrast against its background strains the eyes. Lines that run too long tire the reader, and lines too short chop the rhythm. Insufficient line height crowds paragraphs into dense gray blocks that discourage reading. Typography works closely with related ideas: white space gives text room to breathe, visual hierarchy relies on type size and weight to signal importance, and web fonts determine which typefaces are even available. Treating text as something to be composed with care, rather than merely poured onto the page, is one of the most reliable ways to make a site feel refined and to keep visitors reading.

Why it matters

Most of a website is text, so typography drives both readability and brand perception. Clear type keeps visitors reading and reinforces credibility.