Design Nomenclature / Type

Em

Also called em quad, mutton

This entry has not been translated yet and is shown in English.

A relative unit equal to the current type size: at 16px, one em is 16px. It is not the width of an M and never was a measurement of any glyph — it is the height of the body the type is set on, which historically was square at the M's cast width. Every other type metric is expressed as a fraction of it.

A capital M and lowercase n, each on its own body, ruled at the em top, cap height, baseline and em bottom. The M's body is drawn as a true square em, one type size on each side; it is taller than the M's cap height and wider than the M, and a dimension beneath measures the M's actual advance at 0.9272 em — less than the square it is named for. The n's body beside it is the n's own narrower advance, one em tall.

In practice

In CSS em compounds against the parent's computed size, which is why rem exists. Use rem for type scales, em for things that should track their own element's size — padding, indents, spacing.

Not to be confused with

Origin

Named for the capital M, which in early roman fonts was cast on a square body — so the M's body, not its letter, gave the square its name.

How this term connects

CJKEnLeadingMeasurePicaPointRemUnits per emEm
Related Confused with