The science of line height and readability

Line height is the vertical space between one line of text and the next. It is a small decision on a website, yet it shapes how easily a reader follows a paragraph, finds the start of the next line and understands where one thought ends. Typography manuals call it leading, a term inherited from metal type, where strips of lead held the lines in place.

On a personal site, this quiet setting matters. The aim is not to fill every viewport or make a page look technically advanced. It is to create an environment where words remain comfortable to read. The useful question is not whether one universal number produces perfect legibility, but how spacing, type size, measure and surrounding whitespace work together on the screens people actually use.

Why vertical space changes comprehension

Readers experience a line of type as a shape, not a string of isolated letters. Tight spacing allows the ascenders and descenders on neighbouring lines to encroach on one another, making words appear crowded. A dense block also gives the eye fewer visual markers when it returns to find the beginning of the next line. More space creates separation without demanding attention, reducing the chance of reading the same line twice.

Leading is usually expressed as a ratio between the text size and the distance between lines. A ratio around 1.5 often suits body copy, while denser settings can make a paragraph feel urgent and compact. Larger text generally needs a smaller proportional increase because the inherent size of the letters provides more separation. A typeface with narrow proportions or tall letterforms may also need different treatment from a broad, open design.

In CSS, setting line-height: 1.6 rather than a fixed number of pixels lets the relationship scale when the font size changes. That matters for browser zoom and accessibility settings. Leading also gives paragraphs their rhythm. When every element receives the same gap, hierarchy becomes difficult to perceive, so the reader must infer importance from wording or boldness. Thoughtful spacing lets structure do much of that work.

What legibility research can tell us

Research into text readability finds that familiar letterforms, adequate contrast and spacing that keeps lines distinct support fluent reading. It does not identify a single perfect leading value for every situation. Reading speed and comfort depend on the typeface, the language, the size of the words and the amount of uninterrupted time a reader has.

Accessibility guidance provides a useful boundary without supplying a finished design. WCAG requires text to remain usable when people apply their preferred spacing settings, including changes to line height and paragraph spacing. A layout that depends on tightly packed text for its visual effect will fail that expectation. Supporting enlarged text, zoom and user-controlled spacing costs little when columns, margins and type sizes are built from flexible relationships.

This restraint also supports trust. The same clarity matters in trust in remote teams, where dependable communication depends on making information easy to interpret. Clear spacing, visible hierarchy and predictable navigation reduce the effort of working out what matters. That becomes especially valuable when colleagues cannot see a presenter’s gestures or ask a quick question to confirm the intended meaning.

Measure, leading and the shape of a page

Line length influences readability as much as vertical spacing. A useful starting range for continuous body copy is roughly 45 to 75 characters per line. Longer measures require the eye to travel farther back to begin each new line, while very short measures create a rapid zig-zag that can interrupt concentration. The range is only a starting point because different fonts occupy different amounts of space.

A max-width around 65ch offers a practical beginning for a wide body column, although individual typefaces need testing. Captions, lists and pull quotes can carry different measures and leading from the main text. Forcing every element into one setting creates consistency at the expense of clarity. A short caption often needs less space between lines, while a long article benefits from a looser rhythm that keeps sections visually separate.

Responsive layouts change these conditions. On a phone, the available width determines the measure, and a large desktop line shrunk down becomes unreadable. As the measure becomes narrower, the line height may need slight adjustment to preserve the shape of the paragraph. On a wide screen, generous margins can prevent long lines, but excessive empty space can also make a reader work to find the beginning of a section. Whitespace has a function when it reflects the underlying structure.

Typography, hierarchy and honest persuasion

Readability is also a hierarchy problem. If every heading, caption and paragraph shares the same scale, the reader has to decode importance from length or weight alone. Whitespace between blocks and a restrained type scale allow the structure to communicate. On a personal domain, a single column often benefits from this clarity: one main idea per section, predictable heading styles and body copy that can be scanned without effort.

This is where persuasion without manipulation becomes relevant. Easy-to-read structure can make a proposal feel credible because the reader can examine it without decoding the presentation. Just as clear type should not shout, persuasive copy should not conceal conditions or manufacture urgency. A calm hierarchy, specific headings and honest evidence give persuasion room to work.

Australian customers regularly compare local providers with larger online retailers, and consumer prices are normally shown in Australian dollars with GST included. Clarity therefore has a commercial purpose: specifications, delivery windows and final costs should be easy to locate. If a visitor must hunt for the total or reinterpret a pricing note, careful typography cannot repair the confusion. An understandable page reduces the effort between arriving at a service and making a confident decision.

Reading conditions shaped by Australian life

Daylight changes what readable means. Melbourne can deliver hard sunlight onto tram windows and phone screens, and a dim setting that looked elegant indoors may disappear outdoors. Higher contrast and a robust text colour can help, although line height cannot defeat glare. Testing the complete colour scheme under real conditions prevents a page from depending on one controlled viewing environment.

A commuter leaving Sydney Central may have only a short, interrupted interval for reading. Small type, close leading and long paragraphs turn those spare seconds into a frustrating hunt for the next line. Short sections, clear labels and a measure suited to the device help a reader resume after a notification, a station announcement or a change of carriage. Comfortable typography respects the fragmented attention that comes with a busy transport network.

Australian conversation is often friendly and concise. Phrases such as “have a look” or “not a problem” carry less ceremony than a formal announcement. Plain headings and active sentences echo that directness, while paragraph breaks give the eye a natural pause. Sentence-case headings can feel conversational without sacrificing hierarchy, especially on a personal site where the voice should sound like a person rather than a corporate template.

A restrained way to test readability

Begin with real sentences instead of placeholder text. Word lengths and punctuation affect wrapping, and a page that works with tidy sample paragraphs can fail with the uneven rhythm of ordinary writing. Add the intended typeface, set the body size, choose a line height and view the result at a phone width and a desktop width. A simple proof sheet with a few variations makes comparison easier than rebuilding the page each time.

Useful feedback often arrives from uncomfortable settings rather than polished showcases. The lessons from awkward rooms capture that idea: a room where somebody feels ignored teaches more than one where everyone politely nods. For typography, the equivalent is testing with a broad range of readers, including people who enlarge text, use a screen magnifier or read with reduced vision. These needs become ordinary cases when the design accounts for them from the beginning.

Make one change at a time and keep a short record of what changed. Check the result with enlarged browser text and inspect awkward line breaks, isolated headings, cramped lists and links that disappear into the surrounding copy. Such details often reveal more than a theoretical preference for one leading value. They show whether the reader can find the next line, understand the relationship between sections and remain comfortable without adjusting the page.

The finished page should feel unforced. Its type and spacing support one another, its hierarchy can be understood at a glance and its content remains available when the screen, fonts or reading habits change. That is the lasting value of careful leading: a quieter agreement between the page and the person reading it.