What Is Leading in Typography? Definition, Rules, and How to Adjust It

Leading (pronounced led-ing) is the vertical space between lines of text in typography, measured from the baseline of one line to the baseline of the next. Get it right and text is comfortable to read; get it wrong and the same content becomes either cramped or fragmented. In digital design, leading is often called line spacing or line height, but the principle is the same.

What is leading in typography?

Leading is the baseline-to-baseline distance between lines of text. The baseline is the invisible line that text sits on, with characters like p, g, q, y, and j dropping below it via their descenders. Leading controls line spacing, which means it controls how those rows of text relate to one another vertically inside a text block.

In print and editorial software like InDesign or Affinity Publisher, leading is measured in points (the same unit used for type size) and is usually written as a fraction such as 10/12: 10pt type set on 12pt leading. In digital and web design, the equivalent is the CSS line-height property, typically expressed as a multiplier (1.4 of the font size, for example), a percentage, or absolute pixels.

Where the term “leading” comes from

The word comes from metal typesetting. Before digital design, compositors arranged individual metal letters by hand on a press bed and inserted thin strips of lead between the rows of type to space the lines vertically. The strip itself was called leading, and the name stuck.

The medium has moved on, lead-and-press has been replaced by InDesign and CSS, but the principle is exactly the same: leading is the breathing room between one line and the next. Same job, very different tools.

Why leading matters

Leading is one of those design details that no one notices when it’s right and everyone feels when it’s wrong. Here’s what it actually does:

• Readability. Typography improves readability, and leading is a big part of that. Proper spacing lets the eye move smoothly from one line to the next without losing place or doubling back.
• Legibility. Adequate vertical space prevents ascenders and descenders from visually colliding between lines, which is exactly what makes cramped text physically harder to read.
• Visual hierarchy. Different leading values across headlines, body, and captions help the reader distinguish levels of content. Leading affects visual hierarchy as much as type size does.
• Vertical rhythm. Consistent leading across a layout creates a baseline grid, and that grid is what gives professional editorial design its quietly composed feel.
• Reader comfort over long-form content. Small leading errors compound across pages. Correct leading reduces eye fatigue in books, reports, and long-form articles.
• Brand and tone. Generous leading reads as open, calm, and premium. Tight leading reads as urgent, dense, or technical. Designers use it deliberately to signal those qualities.

Leading vs kerning vs tracking: the three spacing controls

Leading is one of three core spacing controls in typography. They are easy to confuse but each does something distinct.

Leading is vertical; kerning and tracking are horizontal. The most common mistake among non-designers is calling every spacing problem “kerning”, but kerning never refers to vertical space. If two lines of text feel cramped against each other, that’s a leading issue.

How leading is measured

Points, pixels, and the “10/12” notation

In print-oriented software, leading is measured in points, the same unit as type size. The standard notation is type size over leading: 10/12 means 10pt type with 12pt leading. The two extra points are the baseline-to-baseline distance beyond the type size itself.

This is how leading is specified in InDesign, Affinity Publisher, and Illustrator. Once you see the notation a few times, you can quickly read it as “type size first, leading second”.

Line-height in digital and CSS

In web design, the equivalent is the CSS line-height property. Common values are a unitless multiplier (1.4 means line-height is 1.4 times the font size), a percentage (140%), or absolute pixels. Setting line-height: 1.5 on body text is a widely used accessible default. It also aligns with the W3C’s Text Spacing success criterion (WCAG 1.4.12), which requires that content stay readable when a user increases line spacing to at least 1.5 times the font size, support that matters most for readers with low vision and cognitive differences.

Normal, negative, and positive leading

All leading isn’t created equal. There are three named categories worth knowing:

• Normal leading. Leading equal to the type size. Written as 10/10. Tends to look cramped for body copy because there’s no room above and below the type.
• Negative leading. Leading smaller than the type size, for example 10/8. Used sparingly, typically for tight all-caps headlines stacked over multiple lines, where descenders aren’t a concern.
• Positive leading. Leading larger than the type size, such as 10/14. The default for almost all body copy.

Most professional body-copy work uses positive leading in the 120 to 145% of the type size range. That’s the sweet spot for comfortable reading at standard text sizes.

What’s the ideal leading? Rules of thumb

There is no single correct leading value, but there are reliable starting points. Body text requires balanced spacing more than anything else.

1. Body copy: 120–145% of the type size. For 16px web body text, that’s roughly 19–23px line-height.
2. Headlines: tighter, typically 100–120% of the type size. Large type doesn’t need as much breathing room because the characters are taller already.
3. All-caps text: tighter again. Capitals have no descenders, so negative or normal leading often looks correct.
4. Long lines of text: more generous leading. The longer the line, the further the eye has to travel back to start the next one, so more vertical space helps the eye find the right line.
5. Short lines and narrow columns: less leading needed. Newspaper columns are the classic example, tight leading works because lines are short.
6. Fonts with tall ascenders or long descenders: more leading required to avoid character collision between lines.

Treat these as starting points, not finished answers. Always test in the actual layout context, because the same numerical leading value can look generous on one typeface and cramped on another.

Accessible text-spacing minimums (WCAG 1.4.12)

If a publication will live on the web, there’s a concrete accessibility floor worth designing to. WCAG 1.4.12 requires that content remain fully readable, with nothing cut off or overlapping, when a reader overrides spacing to the following minimums. They make a useful checklist for any web layout:

Source: W3C, Understanding WCAG 1.4.12 Text Spacing (Level AA). The 1.5 line-spacing figure isn’t arbitrary, either: the reading-speed research underpinning the guidance found measured gains from increased spacing rise up to around a quarter of the font size and then level off, which is roughly where the space-and-a-half target sits.

How to adjust leading in design software

Designers adjust leading for clarity, and the controls sit in roughly the same place across the major tools.

Adobe InDesign and Illustrator

• Select the text frame or highlight the lines of text you want to adjust.
• Open the Character panel, or the Properties panel on the right-hand side.
• The leading control sits directly to the right of the type size, with a dropdown for preset values.
• Either type the desired leading in points, or use the up and down arrows to nudge by 1pt increments.
• For multi-paragraph work, set leading in your Paragraph Styles so it applies consistently across the document.

Figma and other UI design tools

In Figma, leading is set via the Line height field in the Text properties panel. It accepts a percentage (140%, for example), an absolute pixel value, or Auto, which lets Figma calculate based on the font’s built-in metrics. For component-friendly work, define line-height in your text styles so it applies consistently across the design system.

CSS and web design

Use the line-height property in CSS. A solid starting point is line-height: 1.5 for body copy and line-height: 1.2 for headings. Use unitless values where possible, because they scale proportionally with font size when type changes responsively across breakpoints.

Common leading mistakes (and how to fix them)

A few errors crop up again and again, usually in work by people who learned design tools but never specifically learned typography.

• Leaving software defaults unchanged. InDesign’s auto-leading defaults to 120% of the type size (12pt leading on 10pt type), a reasonable minimum but rarely the best choice, and proportionally too loose on large or all-caps type. Always evaluate against the actual typeface and context.
• Using the same leading across all type sizes. Body, headlines, and captions each need different leading values. A flat line-height across the whole layout makes headings look loose and body text look cramped.
• Ignoring ascenders and descenders. Two typefaces at the same point size can need different leading because their characters extend different distances above and below the baseline.
• Treating leading and line-height as identical. They’re very close but not exactly the same. Line-height in CSS includes the type’s own metrics; leading in print software is the baseline-to-baseline distance. Functionally similar, technically distinct.
• Confusing leading with kerning. A common non-designer error. Kerning is horizontal, leading is vertical. Tight leading reduces readability between lines; loose kerning makes a word look spaced out. They are different problems.

Leading in print, web, and mobile

The basic principle of leading doesn’t change across formats, but the conventions do. Loose leading increases white space, which reads differently on paper than it does on a phone screen.

Print design

Print is where leading conventions originate, and where measurement in points and the 10/12 notation are still the default. Print typically benefits from slightly tighter leading than screen, partly because reflected light from paper is gentler on the eye than emitted screen light. Editorial designers often work to a baseline grid, a horizontal grid that every line of text aligns to, in order to maintain vertical rhythm across spreads. Baselines align text consistently, which is what gives a well-designed magazine spread its sense of order.

Web and digital

Screen-read content typically needs slightly more generous leading than print to maintain readability, because emitted light strains the eye more. As covered above, the W3C’s Text Spacing guidance sets a practical floor of 1.5 times the font size for body line spacing. Use that as a floor, not a ceiling. As font sizes scale across breakpoints, line-height should scale with them, which is why unitless line-height values are usually the better choice.

Mobile

Mobile reading typically uses slightly more generous leading than desktop because lines are shorter and reading happens in less controlled conditions: people walking, on transport, in bright sunlight. Typical mobile body line-height sits between 1.4 and 1.6. Watch for very narrow viewports too, because leading that looks correct on a 375px-wide phone may look too loose on a 768px tablet. Test across breakpoints rather than assuming one value covers everything.

Best-practice principles for leading typography

Leading-edge typography work, the kind that holds up across magazines, brands, and digital interfaces, follows a small number of consistent principles:

• Design for reader comfort first, not for visual impact alone.
• Keep leading consistent within a single text style. Vary it deliberately between styles.
• Use a baseline grid for long-form work to maintain vertical rhythm.
• Test typography in the actual context, paper stock for print, real devices for digital, not just inside the design tool.
• Trust your eye over the numbers. Mathematically correct leading can still look wrong on the page.
• Treat leading, kerning, tracking, and type choice as one connected system rather than separate variables.

Frequently asked questions

What does leading in typography mean?

Leading is the vertical space between lines of text, measured from the baseline of one line to the baseline of the next. The term originates from the lead strips compositors inserted between rows of type in early printing.

What is the difference between leading and kerning?

Leading is vertical: it adjusts the space between lines of text. Kerning is horizontal: it adjusts the space between two specific characters. They are easy to mix up by name, but they act on different dimensions of the type.

What is the difference between leading and tracking?

Leading is vertical (between lines); tracking is horizontal (across a stretch of characters such as a word, line, or paragraph). Both can be adjusted to improve readability and visual balance, but they work on different axes.

What is auto leading in typography software?

Auto leading is a software default. InDesign, for example, sets leading at about 120% of the type size when no manual value is specified. It’s a reasonable minimum but rarely the optimal choice; manually setting leading nearly always produces better results.

How does leading affect readability?

Insufficient leading makes lines visually collide, which slows reading and causes eye fatigue. Excessive leading fragments the text and the eye loses connection between consecutive lines. The right leading lets the eye move smoothly from line to line without conscious effort.

Is leading the same as line height?

Nearly, but not exactly. In CSS, line-height is the closest equivalent and the two terms are used interchangeably in casual conversation. Strictly speaking, leading in print software is a baseline-to-baseline measurement, while CSS line-height is the total vertical box height of the line including the font’s own metrics. Functionally similar; technically different starting points.

Who are the leading authorities in typography?

Typography has a long history of authoritative voices, from Adrian Frutiger and Erik Spiekermann to contemporary writers like Matthew Butterick (whose Practical Typography is widely cited), alongside resources from the Type Directors Club and Monotype. For day-to-day reference, designers commonly look to these sources together with specialist publications such as Eye magazine.

Need help with typography in your design work?

Strong typography is the difference between a design that reads as professional and one that doesn’t, and leading is one of the unglamorous details that does the heavy lifting. It’s also one of the first things to slip when design work gets pushed to people who aren’t designers.

Design Cloud’s outsourced design service includes typographically literate designers across editorial design (whitepapers, eBooks, case studies, reports), presentation design (consistent type styles across decks), and brand collateral (typography in templates and branded assets). All work is handled by UK-based, full-time designers on a flat monthly subscription. For a wider read on the fundamentals, our quick introduction to typography is a good place to start.

Book a demo to see how it works.