← All Elements

Shape

Typography

Choosing and setting type so text is easy to read and its structure is clear.

What is Typography?

Choosing and setting type so text is easy to read and its structure is clear.

What you learn

Readable text needs the right line length and line spacing.

When it helps

text is hard to read, or styles look inconsistent from page to page.

Use it at work

  1. Keep lines to about 45 to 75 characters.
  2. Set line spacing at about 1.4 to 1.6 times the text size.
  3. Use a few sizes and weights, each with one job.
  4. Check readability on the smallest real screen.

Your output

Check one page of body text: count the characters per line and look at the line spacing. Aim for about 45 to 75 characters.

Watch for

Setting text for looks instead of for reading.

Related practices

Sources

Enable JavaScript to try the interactive activity.

Elements.
48 elements · 8 families
Filters
DESIGN CONTEXT
What are you trying to do?

Scroll sideways within the map to explore all columns.

Created by Alan Hurt. Activities and notes are stored on your device. Privacy · Usage counts

ELEMENTS FIELD GUIDE