Em (typography)

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.[1]

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.[2]

History

A metal sort. The line height, c, is the precursor of the 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.[3]

Incorrect and alternative definitions

The letter, M, on the left in Perpetua and on the right in Calisto, inside squares of one em on each side.

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.[1] One em was traditionally defined as the width of the capital M in the current typeface and point size,[2] 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.

CSS

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.[4]

Related terms

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
em-quad
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:
HTML characters
em space  
en space  
em dash —
en dash –

Associated symbols

See standard typographic symbols (mdash, emsp):

See also

References

  1. 1 2 Bringhurst, Robert (1992). The Elements of Typographic Style. Vancouver, BC: Hartley & Marks. pp. 25–26. ISBN 978-0-88179-033-7. OCLC 25411784.
  2. 1 2 This is the traditional definition shown in the Adobe Glossary and the Pocket Oxford Dictionary Third revised edition 1996.
  3. Phinney, Thomas (March 18, 2011). "Point Size and the Em Square: Not What People Think". Retrieved 2014-10-20.
  4. "W3C. CSS: em, px, pt, cm, in…".

External links

This article is issued from Wikipedia - version of the Thursday, May 05, 2016. The text is available under the Creative Commons Attribution/Share Alike but additional terms may apply for the media files.