Root Em

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]


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

See also


  1. ^ a b Bringhurst, Robert (1992). The Elements of Typographic Style. Vancouver, BC: Hartley & Marks. pp. 25-26. ISBN 978-0-88179-033-7. OCLC 25411784. 
  2. ^ a b 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 . 
  4. ^ "W3C. CSS: em, px, pt, cm, in...". 

External links

  This article uses material from the Wikipedia page available here. It is released under the Creative Commons Attribution-Share-Alike License 3.0.

Connect with defaultLogic
What We've Done
Led Digital Marketing Efforts of Top 500 e-Retailers.
Worked with Top Brands at Leading Agencies.
Successfully Managed Over $50 million in Digital Ad Spend.
Developed Strategies and Processes that Enabled Brands to Grow During an Economic Downturn.
Taught Advanced Internet Marketing Strategies at the graduate level.

Manage research, learning and skills at defaultLogic. Create an account using LinkedIn or facebook to manage and organize your IT knowledge. defaultLogic works like a shopping cart for information -- helping you to save, discuss and share.

  Contact Us