An em is a unit in the field of typography, equal to the currently specified point size. For example, one em in a 16-point typeface is 16 points. Therefore, this unit is the same for all typefaces at a given point size.
Typographic measurements using this unit are frequently expressed in decimal notation (e.g., 0.7 em) or as fractions of 100 or 1000 (e.g., 70/100 em or 700/1000 em).
In metal type, the point size (and hence the em) was equal to the line height of the metal body from which the letter rises. In metal type, the physical size of a letter could not normally exceed the em.
In digital type, the em is a grid of arbitrary resolution that is used as the design space of a digital font. Imaging systems, whether for screen or for print, work by scaling the em to a specified point size.
In digital type, the relationship of the height of particular letters to the em is arbitrarily set by the typeface designer. However, as a very rough guideline, an "average" font might have a cap height of 70% of the em, and an x-height of 48% of the em.
Incorrect and alternative definitions
Although the size of the em ultimately depends on the point size, or height of the metal body of a letter, it is also used as a measure of horizontal spacing relative to the type size, with vertical spacing being measured in picas or points. One em was traditionally defined as the width of the capital M in the current typeface and point size, because the M was commonly cast the full-width of the square blocks, or em-quads (also mutton-quads), which are used in printing presses.
In modern typefaces, the character M is usually somewhat less than one em wide. Moreover, as type includes a wider variety of languages and character sets than just those based on Latin, and needs a consistent way to refer to size, its meaning evolved long ago; this allowed it to include fonts, typefaces, and character sets which do not include a capital, M, such as Chinese and Arabic. Because of how digital type works, the em now always means the point size of the font in question.
In Cascading Style Sheets, the em unit is the height of the font in nominal points or inches. The actual, physical height of any given portion of the font depends on the user-defined DPI setting, current element font-size, and the particular font being used.
To make style rules that depend only on the default font size, another unit was developed: the rem. The rem, or root em, is the font size of the root element of the document. Unlike the em, which may be different for each element, the rem is constant throughout the document.
The size of font, say 16 pt or 24 pt, is its height including the spacing above and below it. Pt is more related to line spacing than to character spacing, except in constant width fonts. The height of any pt size in any font defines the size of one em. Pt is a standard size, but em is a relative size.
Related terms are
- em space
- A single space between characters whose distance is exactly equal to the point size
- A square metal spacer used in printing presses, used to insert an em space.
- em dash
- A dash that is one em wide: —
- en dash
- A dash that is one half em wide: –
- World Wide Web characters
em space   en space   em dash — — en dash &ndash –
See standard typographic symbols (mdash, emsp):
- m-width Non-breaking space symbol: UTF8
U+2003 (8195)and HTML
. Example: " "
- em dash: UTF8
U+2014 (8212)and HTML
—. Example: "—"
- Pixels-per-em (PPEm) – used in operating systems to describe the allotment of pixels to em height
- Fullwidth forms
- Non-breaking space width variations
- Lua error in Module:Citation/CS1/Identifiers at line 47: attempt to index field 'wikibase' (a nil value).
- This is the traditional definition shown in the Adobe Glossary and the Pocket Oxford Dictionary Third revised edition 1996.
- Phinney, Thomas (March 18, 2011). "Point Size and the Em Square: Not What People Think". Retrieved 2014-10-20.<templatestyles src="Module:Citation/CS1/styles.css"></templatestyles>
- "W3C. CSS: em, px, pt, cm, in…".<templatestyles src="Module:Citation/CS1/styles.css"></templatestyles>