TypeTalk: Know Your Hyphens, En and Em Dashes

12

Hyphens, en and em dashes are three visually similar yet significantly different punctuation marks that commonly appear in text. Their definition and purpose are frequently misunderstood by designers and writers alike, often leading to inaccurate and unprofessional typography. While some of this confusion is a result of typewriter conventions still being used in today’s digital world, it is ultimately up to the person doing the typesetting—whether it be a production artist, web programmer, or graphic designer—to get it right. Writers, take heed as well!

The differences between all three symbols is clear in this setting of Clarendon.

Description and usage

A hyphen (-) is the shortest in width of the three, and is used to hyphenate words that break at the end of a line, as well as to connect compound words, such as mother-in-law, well-being, and merry-go-round. It is also used for phone numbers. The hyphen is easily found to the right of the zero on most keyboards.

Hyphens are used to connect many compound words, as well as for phone numbers.

An en dash (–) is wider than a hyphen and narrower than an em dash, and is the most misunderstood of the three. This dash is used to indicate a range, that is, elements that are related by distance, including time, years, and dates such as 3 pm–6 pm, Monday–Friday, March 2–7, or pages 20–55. In fact, an en dash is correct in any instance where a preposition such as the words “to” and “from” can be substituted. It is accessed by pressing Option+hyphen on a Mac and Alt+0150 in Windows (Alt+hyphen in InDesign).

The en dash, which is wider than a hyphen and narrower than an em dash, is used to indicate a range, as well as a continuation of time.

An em dash (—) is the longest of the three, and is most commonly used to indicate a break in thought, or a thought within a thought or a sentence. It is accessed by pressing Option+Shift+hyphen on a Mac and Alt+0151 in Windows (Alt+Shift+hyphen in InDesign). One of the most common type crimes associated with this symbol is the use of two hyphens instead of an em dash. This typographically incorrect practice is a holdover from typewriter days when two hyphens were used as a replacement for the dash, which didn’t exist on the keyboard. Unfortunately, this is still a widespread occurrence that you can see everywhere from print to the web to movie titles and kinetic type.

The standard em dash is grammatically correct for a break in thought, or a thought within a thought (upper left). But if the em dash seems too wide for a particular typeface, and/or the spacing is too tight, it can be replaced with an en dash, and the spacing opened up for either dash as desired (upper right). The use of two hyphens instead of a dash is a major type crime, and should never be used in fine typography (lower). Excerpt from Sinopah the Indian Boy, by James Willard Schultz.

Design differences

The length of dashes is not standard, and can vary from typeface to typeface, as does the designated space surrounding them (technically called sidebearings). Some en dashes are close to the width of the n and em dashes the width of the m, keeping them in proportion to the rest of the typeface. Others have no relationship to the overall width of the typeface at all, with some being a set 500 and 1,000 units to the em square (a measurement relative to the point size of the type), respectively. Because of this, the width and fit of dashes can vary dramatically.

The design, length and spacing of hyphens, en and em dashes can vary tremendously from typeface to typeface.

Finessing the details

When the width of an em dash seems out of proportion to the typeface in use (for example, it may be too wide for use in a condensed typeface), or either dash appears too close to its neighboring characters, there is room for artistic, or “typographic” license to improve their appearance. For instance, when the em dash seems too wide, many typographically-savvy designers will substitute an en dash, which is an accepted practice in fine typography. Additionally, when the spacing around either dash seems too tight, it can be opened up to add additional breathing room and more closely match the overall spacing of the rest of the typeface. A good way to do this is with the use of the kerning feature, which will giving you total control over the amount of space added. Another solution is to add a word space on both ends, which is the recommended practice on the web, but more of a personal preference in print. Just remember to be consistent in your treatment throughout, or the text can become an unprofessional jumble of varying styles.

Ilene Strizver is a noted typographic educator, author, designer and founder of The Type Studio in Westport, Connecticut. Her book, Type Rules! The designer’s guide to professional typography, is now in its 4th edition.
  • Jane Hooper says:

    This is music to my ears. I get dismayed by the inproper use of hyphens etc and it is a something I am frequently heard bemoaning. But how to explain to other people? They have no idea.

    I blame software such as Microsoft Word and Content Management Systems, it is just so easy to use a hyphen that people don’t think any further.

  • ogian says:

    Excellent article. Could you do one on the different kinds of spaces, such as em space versus en space? 

  • Ryan Toyota says:

    Thanks for the great article. I had a colleague try out the Windows shortcuts for typing em and en dashes that you mention, but they didn’t work for him. I was wanting to put those shortcuts into a brand manual I’m writing. Are those shortcuts only for a specific peice of software on Windows, or should they be universal?

  • Janina says:

    Nice summary, thank you. What are the rules for the spaces between hyphens, en and em dashes and other letters? 

  • Janina says:

    It seems to work only in InDesign. 

  • Michael W. Perry, Inkling Books says:

    When I get pickey, which isn’t very often, I’ll do a S&R that adds a hairspace before and after every M-dash. It’s a good compromise between nothing and a full space.

    –Michael W. Perry, My Nights with Leukemia: Caring for Children with Cancer

  • French says:

    Thank you for this post. In my opinion, em dashes are just plain distracting.

  • RealTypoNerd says:

    stop designing now.

  • Guest says:

    For those interested in delving deeper into this subject, I can recommend:

    Shady Characters: Ampersands, Interrobangs and other Typographical Curiosities

    https://www.amazon.com/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords=Shady+Characters%3A+Ampersands%2C+Interrobangs+and+other+Typographical+Curiosities

  • French says:

    Thanks!

  • Bob O says:

    Thank you

  • Chris Benge says:

    Can you advise further when to use a hyphen to connect two words, and when to use an en dash? I’ve noticed instances where en dashes are used in professional typography to connect expressions like ‘high–rotate’ or ‘garlic–tainted’, while hyphens are still being used for an expression like ‘four-year-old’.

  • >
    Notice: We use cookies on our websites to give you a great online experience. If you keep browsing, we'll assume you're ok with this. For more information, see our privacy policy. By closing this banner, you agree to the use of cookies.I AGREENo