mirror of
https://github.com/google/fonts.git
synced 2024-12-19 06:41:31 +03:00
86f3139740
Added quotes around "M" for consistency with other pages
22 lines
1.2 KiB
Markdown
22 lines
1.2 KiB
Markdown
|
||
|
||
An em is a [unit](/glossary/unit) of measurement, relative to the size of the [font](/glossary/font); therefore, in a [typeface](/glossary/typeface) set at a `font-size` of 16px, one em is 16px.
|
||
|
||
The em square is the “box” that each [glyph](/glossary/glyph) is sized relative to. So, at 12 points, the em square is 12 points wide. The boundary of the box typically sits slightly above the cap-height and slightly below the descender.
|
||
|
||
<figure>
|
||
|
||
![The word “Rhys” with a box highlighting the em square around the “h” glyph and horizontal lines showing the type’s vertical metrics.](images/thumbnail.svg)
|
||
|
||
</figure>
|
||
|
||
The [em dash](/glossary/dashes) is so named because its width, in theory, is one em—although in many fonts the em dash is somewhat narrower. An [*en* dash](/glossary/en) takes up approximately half the space of an em square.
|
||
|
||
<figure>
|
||
|
||
![On the left, an “h” glyph sitting inside an em square, with arrows illustrating its total width. On the right, an em dash, occupying nearly the same width.](images/em_2.svg)
|
||
|
||
</figure>
|
||
|
||
Historically, the em unit itself was named after the width of the capital "M;" however, in any digital font, the "M" may be wider or narrower than the em square of that font.
|