Skip to content

Add to your Home Screen

  1. Tap the Share button in Safari's toolbar.
  2. Scroll down and tap Add to Home Screen.
  3. Tap Add. The generator opens full-screen and works offline.

What Is Leading in Typography?

By Maya Chen, lettering designer and type educator · Checked by Jordan Hale · · How we review content

Leading is the space between lines of text, measured from baseline to baseline. If a paragraph is set in 10-point type on 12-point leading, each baseline sits 12 points below the one above it, which leaves a 2-point gap between the bottom of a descender on one line and the top of an ascender on the next.

The word is a leftover from hot-metal and hand-set printing. To open up lines, compositors put thin strips of lead between rows of type. “Solid” setting had none; “leaded” setting did. That is why the word rhymes with “wedding”.

Setting leading well

Three things affect how much leading a block of text needs:

Factor Effect on leading
Line length Longer lines need more, so the eye can find the start of the next line
x-height Fonts with a large x-height look dense and need more
Weight and darkness Bold or dark text needs more room than light text

A frequent default is about 120% of the type size for body text, and many web designers use line-height: 1.5 for readability. Headlines in large type look better tighter, around 100 to 110%, because gaps scale up with the letters and become distracting.

All-capital lines can be set very tight, since they have no descenders to avoid. Mixed-case text with tall ascenders and long descenders, such as script faces, often needs extra room.

Leading in hand lettering

When you letter a quote or a poster with several lines, the leading is set by your guidelines. Decide the x-height and cap height first, rule the baselines, and the distance between them is your leading. A tight block, where ascenders of one line nearly touch the descenders above, gives a compact “stacked” look often used in posters. It only works if the descenders are controlled: a long tail on a g or y in a script word is the usual cause of collisions.

Script styles with big swashes, as in our cursive letters pages, need larger leading than their x-height suggests, since ascender loops and descender loops extend far from the baseline. Our what is lettering guide covers guidelines in more detail.

Leading and fancy Unicode text

Line spacing is set by the app showing your text. In a bio or comment, you cannot change it. What you can control is line breaks: using separate short lines gives a poem-like look. Be aware that characters from different Unicode blocks may come from different fallback fonts, whose taller metrics can make one line in a post look more open than another.

Common confusions

  • Leading is vertical; kerning and tracking are horizontal.
  • Leading is not paragraph spacing. Space before or after a paragraph is separate from the leading inside it.
  • Larger leading does not mean larger text. The two are independent; a bigger font on the same leading gets denser, not looser.

Frequently asked questions

How do you pronounce leading in typography?
It is pronounced "ledding", like the metal lead, not like the verb to lead. The word comes from metal type, where compositors placed thin strips of lead between lines of type to push them apart. The strips were measured in points, and that unit stayed.
What is a good leading value for body text?
A common starting point is 120% of the font size, so 12-point type sits on 14.4-point leading. Wider lines, long paragraphs and fonts with a large x-height usually need more; short lines and tall caps-only headlines can go tighter. Judge by looking, because the right value depends on the font.
Is leading the same as line height?
Nearly. CSS line-height sets the full height of each line box, which includes the leading, and design apps typically measure leading baseline to baseline. Both give the same visible result when set to the same distance, so line-height 1.5 means 150% of the font size.
Does fancy Unicode text change line spacing?
It can. Some styled characters, especially mathematical and script letters, come from fallback fonts with different heights, and a line containing them can come out taller than its neighbours. The effect varies between apps and operating systems and cannot be controlled from inside the text.