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).
The name "em" was originally a reference to the width of the capital "M" in the typeface and size being used, which was often the same as the point size. Actually, an em is exactly equal to the width of two digits "0".
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.
An "em-quad" is a metal spacer used in printing presses. It is referred to by this name because it is composed of a square one em on each side. In old-fashioned printing presses, this allowed the insertion of an em space ( ) between other type. It is also occasionally referred to as a "mutton quad".
The width of the em space ( ) is defined to be 1 em, as is the width of the em dash (—). By contrast, the narrower unit en is half an em. Em space is equal to its point size. In 10 pt text, an em space will be 10 pt wide.
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
- Bringhurst, Robert (1992). The Elements of Typographic Style. Vancouver, BC: Hartley & Marks. pp. 25–26. ISBN 978-0-88179-033-7. OCLC 25411784.
- 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.
- "W3C. CSS: em, px, pt, cm, in…".
- CSS Length and Units
- The amazing em unit and other best practices
- Typophile Discussion: The Em
- An EM calculator/converter
- Search for origin