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 the Baseline in Typography?

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

The baseline is the line that letters stand on. In a line of text, x, H, n and b rest on it, while g, p, q, y and the tail of j hang below it. Every other vertical metric in a font, x-height, cap-height, ascender height, and descender depth, is measured as a distance from the baseline, either up or down. Zero on the vertical scale is the baseline.

What the baseline does

It aligns text of different sizes. When you set a large word next to a small one on the same line, designers align them on the baseline, not on their centres or tops. Sitting on a common line makes them read as one phrase.

It carries the leading. Leading is the distance from one baseline to the next, so baselines are the real skeleton of a paragraph.

It anchors the page. A baseline grid keeps text aligned across columns. Printed books use one so that the lines on one side of a page back onto the lines on the other and do not show through at different heights.

Overshoot

Round and pointed letters, such as O, C, S and A, extend a little below the baseline, and round letters also pass the cap line or x-height line at the top. This is intentional. Because a curve touches the line at only one point, it looks smaller than a flat edge that lies along the line. Type designers add overshoot of a percent or two of the em so that all letters look equal. If you ever trace letters and stop them exactly on your guidelines, round ones will look slightly small, and you will see why.

Baseline in lettering and handwriting

For hand lettering, a straight baseline is the first and most visible quality. Rule the line before you draw. Then decide whether to break it deliberately: a bouncy baseline, in which letters hop above and below the line, is a popular modern lettering style, but it works only because the bounce is controlled and consistent, with every letter’s size staying the same. In handwriting practice, the printed line is the baseline, and the dashed line above it is the x-height guide. Our how to write in cursive guide uses it for every letter, and the cursive letters pages mark where each stroke starts and finishes relative to the line.

If you want to practise a bouncy baseline digitally, the lettering image maker lets you test fonts that are drawn with irregular baselines.

Baseline and Unicode text

Some Unicode characters shift the baseline by design. Superscripts such as ⁿ and ² sit above it, subscripts such as ₙ and ₂ below it, as produced by the superscript generator and subscript generator. They are separate characters, not formatted copies of ordinary ones, so no baseline shift is needed, but that also means they come from limited sets, and some letters are missing. Combining marks such as the underline (U+0332) or long strikethrough overlay (U+0336) are positioned relative to the baseline by the renderer, which is why they can look different between apps.

Common confusions

  • The baseline is not the bottom of the text box. Descenders go below it and the box bottom is lower still.
  • Baseline is not the same as the line height. Line height is the height of a whole line box; the baseline is a single line inside it.
  • Baseline shift is not italics or slant. It is vertical movement only.

Frequently asked questions

What is baseline shift?
Baseline shift moves selected characters above or below the baseline of the rest of the line without changing the line itself. It is used for superscripts, subscripts, fractions and fine optical corrections. In CSS the equivalent is vertical-align. Unicode also has dedicated superscript and subscript characters that need no shift.
Do all letters sit exactly on the baseline?
Flat-bottomed letters such as H, E and x sit exactly on it. Round and pointed letters such as o, c, s and v are drawn to dip slightly below, called overshoot, so that they look the same size as flat ones. Without overshoot, curved letters would look too small and appear to float.
What is a baseline grid?
It is a set of evenly spaced horizontal lines, matching the leading, used to align lines of text across columns and pages. When every column sits on the same grid, the baselines line up across the layout. It is common in books, magazines and websites with careful vertical rhythm.
Is the baseline the same as the line you write on?
In handwriting practice, yes. The printed or ruled line on a worksheet is the baseline, and lowercase letters sit on it while descenders drop through it. Many worksheets add a dashed midline for the x-height. A steady baseline matters more than letter shape for neat-looking handwriting.