Is your customer having a tough time reading the text on your design? Maybe it’s time to check the line spacing. Line spacing, or “leading”, is the amount of space between the baselines of each line of text. Correct leading is important because it gives multiple lines of text optimum legibility.

Line spacing example #1

The word “leading” comes from the days when printed materials were created with hot metal presses and lead blocks of varying thicknesses were used to create space between lines of text. For print, leading is now measured in point size. For web, it’s called line-height and is measured in points or percentages of the text size.

Here, we’ve rounded up 6 tips about leading to improve your typography:

1. Use the right software

For adjusting leading, programs like Adobe InDesign, Illustrator or Photoshop are your best bets. Whichever one you choose, you’ll using the Character panel to do so. You can find the character panel by clicking Window > Type > Character.

Line spacing example #2

The default setting for leading in most font software is 120% of the type size. For example, the auto/default leading for a 14 pt font will be 16.8 pt. To adjust leading, select your text box and choose a value from the drop-down menu in the character panel.

To do it using your keyboard, select your text box, hold down the option or alt key and press the up/down arrow keys to increase or decrease the leading.

2. Use looser leading for body copy

To do this, start with a leading value that is at least 2 pts above the text’s height. Be aware that too much leading can actually make body copy harder to read, so be judicious in your adjustments.

Line spacing example #3

3. Use different line spacing for different typefaces

Some typefaces, like Bernhard Modern, have shorter x-heights. This gives them the appearance of using less space.

On the other hand, typefaces like Helvetica Neue have taller x-heights that can make words appear more crowded. Typefaces with taller x-heights or longer ascenders and descenders often need more leading to make them more legible.

Line spacing example #4

4. When using colors other than black text on white, increase the leading

The most legible color combination in typography is black text on a white background. If you decide to use colors or light text on a dark background instead, it’s advised to increase your leading and use a lighter weight of your typeface.

Line spacing example #5

5. Use tighter leading in headlines

Headlines are key to creating hierarchy in your type layouts and act as a single unit, distinct from the body copy. One way to create that effect is to use negative leading(~2 pts or less) in headers with multiple lines.

Line spacing example #6

6. Test different leading heights

There isn’t always one right answer when it comes to leading because it depends on the design project that you’re working on. To find the best leading solution, compare a few solutions side by side in order to pick the best one. Which leading size do you think makes the paragraph the most legible?

Line spacing example #7

Got any leading/line spacing tips? Share in the comments!