Typography Cheatsheet

A comprehensive guide to using proper typographic characters, including correct grammatical usage.

Get this PDF for free when you subscribe to my weekly newsletter.


Quotes & Apostrophes

An example of smart quotes and proper apostrophes

Smart quotes and proper apostrophes are always curvy or sloped. Single quotes should be used inside of double quotes (in American English).

Copy & Paste Mac Keyboard Shortcut Windows Keyboard Shortcut HTML Entity
Opening Single Quote option + ] alt + 0 1 4 5 ‘
Closing Single Quote & Apostrophe option + shift + ] alt + 0 1 4 6 ’
Opening Double Quote option + [ alt + 0 1 4 7 “
Closing Double Quote option + shift + [ alt + 0 1 4 8 ”

How can I tell if I’m using smart quotes or dumb quotes?

Smart quotes (also known as curly quotes, typographer’s quotes or proper quotation marks) are either curved or sloped. Dumb quotes (also known as straight quotes) are straight and vertical. The design of smart quotes will vary between serif and sans-serif typefaces, but they will never point straight up-and-down.

When is it appropriate to use straight quotes?

Proper typography never uses straight quotes. They are known as dumb quotes, and I’m guessing you don’t want to look dumb. They are left over from the age of typewriters, and their only modern use is for coding.

When typing an email, is it ok to use straight quotes?

I personally think it’s acceptable to use straight quotes when typing emails. It can be difficult to constantly type proper apostrophes (especially on a mobile device), and there is always a chance the recipient’s email client won’t display them correctly anyway.

Are prime symbols the same as straight quotes?

No. Prime symbols are an entirely different punctuation mark than either straight quotes or smart quotes. They are used for measurements, such as feet and inches or minutes and seconds. See the useful typographic characters table for more info.

What’s the difference between an apostrophe and a closing single quote?

There is no difference—they are exactly the same character. The same rules for smart quotes apply to apostrophes as well—make sure your apostrophes are curved or sloped and not straight up-and-down.

When is it grammatically correct to use an apostrophe?

Apostrophes should be used for contractions (I’m, you’re, ’89) and to show possession (Homer’s beer, the dog’s toy). There are also a few instances when it is correct to use an apostrophe to form a plural, such as dot your i’s and cross your t’s and yes’s and no’s. For more detailed grammar rules, see this page.

When should it’s contain an apostrophe?

The only time it’s should have an apostrophe is when it replaces it is or it has. The possessive form of its should not contain an apostrophe, just like possessive pronouns such as hers don’t require apostrophes.

Should punctuation be placed inside or outside of quotation marks?

In American English, periods and commas should always go inside quotation marks. In British English, unquoted periods and commas are placed outside quotation marks. For all other punctuation, American and British English have the same rule—if the punctuation isn’t directly part of the original quotation, then it should go outside the quotation marks.

When should I capitalize the first letter within a quote?

Always capitalize the first letter of a quote if the quote is a complete sentence. If the quoted material is a sentence fragment, then don’t capitalize the first letter. The exception to these two rules is if the quote is interrupted in the middle of a sentence—in that case, do not capitalize the second part of the quote.

When should I use a single quote versus a double quote?

In American English, single quotes are used for quotes inside of quotes. In British English, this is usually reversed. Newspaper headlines may also use single quotes in place of double quotes to save space.

Should I use quotes for emphasis?

No. Always use italics or bold for emphasis—unless you want to end up on The “Blog” of “Unnecessary” Quotation Marks.

How do I type these characters on my keyboard?

On Windows, hold down the alt key while typing the four-digit code on your nu­meric key­pad with num lock activated. On a Mac, press the specified keys simultaneously.

What’s the best way to use smart quotes and apostrophes on my website?

If your site uses the UTF-8 charset, then you can use the keyboard shortcuts in the table above (or just copy and paste them). Manually inputting the HTML entities works fine as well. However, a much easier solution is to set up your CMS to automatically convert your straight quotes into the correct HTML entities.

For the HTML entities, should I use entity names like "‘" or entity numbers like "‘"?

I recommend using entity names. They are easier to remember and make for clearer code. Entity numbers have slightly wider browser support, but not enough to make any meaningful difference in this day and age.

How should I use these characters in Photoshop or my word processor?

Photoshop and most word processors have a setting that will automatically convert the straight quotes you type into proper smart quotes and apostrophes.

Dashes & Hyphens

Examples showing proper use of em dashes and en dashes

In some fonts, em dashes are so wide they may be visually disruptive—some typographers, such as Robert Bringhurst, recommend using spaced en dashes instead.

Copy & Paste Mac Keyboard Shortcut Windows Keyboard Shortcut HTML Entity
En Dash option + - alt + 0 1 5 0 –
Em Dash option + shift + - alt + 0 1 5 1 —
Figure Dash Use the Character Viewer Use the Character Map ‒
- Hyphen-Minus - - N/A
Hyphen Use the Character Viewer Use the Character Map ‐
Minus Sign Use the Character Viewer Use the Character Map −

When should I use an em dash?

Em dashes can be used where parentheses might otherwise be used. They can also be used in place of a colon or when a comma is too weak but a period is too strong. An em dash is also used to show attribution of a quote, placed in front of the person’s name.

When should I use an en dash?

An unspaced en dash can be used in place of the word “through” when indicating a range of values, such as numbers, times and dates. For example, July 5th–9th. It’s also used to show relationships between two things, such as a Boston–London flight. An en dash with spaces can also be used in place of an em dash, depending on editorial style.

Should I use en dashes with spaces or em dashes without spaces?

In the typographer’s bible The Elements of Typographic Style, Bringhurst recommends using en dashes surrounded by spaces, as he believes it is less visually disruptive. However, some style guides such as The Chicago Manual of Style prescribe unspaced em dashes. It’s up to you to decide which dash style you prefer—the important thing is to be consistent with your usage.

What’s the proper use for the figure dash?

The figure dash is the same width as a digit and is used for alignment purposes when setting numbers. It shouldn’t be used to indicate a range of numbers—that is the job of the en dash—instead, it should be used for setting things such as phone numbers (555‒867‒5309). Not all fonts contain figure dashes.

What’s the difference between the hyphen-minus, hyphen and minus sign?

The character on your keyboard next to the zero is a hyphen-minus. It’s a hybrid character from the typewriter era that represents both a hyphen and a minus sign. Technically, it shouldn’t be used in proper typography; however, it is almost universally used in place of true hyphens, especially on the web.

Useful Typographic Characters

Useful typographic characters that are seldom used

Many fonts contain numerous useful glyphs that are seldom used, such as №, ❧ and ☞.

Copy & Paste Mac Keyboard Shortcut Windows Keyboard Shortcut HTML Entity
Prime See prime FAQ below alt + 8 2 4 2 ′
Double Prime See prime FAQ below alt + 8 2 4 3 ″
Dagger option + t alt + 0 1 3 4 †
Double Dagger option + shift + 7 alt + 0 1 3 5 ‡
§ Section option + 6 alt + 0 1 6 7 §
Pilcrow/Paragraph option + 7 alt + 0 1 8 2 ¶
Hedera/Ivy Leaf See hedera FAQ below Use the Character Map ❧
Numero option + shift + ;

Must enable ABC Extended keyboard
alt + 8 4 7 0 №
Fist/Index/Manicule Use the Character Viewer Use the Character Map ☞
Ellipsis option + ; alt + 0 1 3 3 …
Bullet option + 8 alt + 0 1 4 9 •
· Middle Dot/Interpunct option + shift + 9 alt + 0 1 8 3 ·
Left Arrow Use the Character Viewer Use the Character Map ←
Up Arrow Use the Character Viewer Use the Character Map ↑
Right Arrow Use the Character Viewer Use the Character Map →
Down Arrow Use the Character Viewer Use the Character Map ↓
Left-Right Arrow Use the Character Viewer Use the Character Map ↔
© Copyright option + g alt + 0 1 6 9 ©
® Registered Trademark option + r alt + 0 1 7 4 ®
Trademark option + 2 alt + 0 1 5 3 ™
¢ Cent option + 4 alt + 0 1 6 2 ¢
£ Pound option + 3 alt + 0 1 6 3 £
Euro option + shift + 2 alt + 0 1 2 8 €
° Degree option + shift + 8 alt + 0 1 7 6 °
½ One Half Use the Character Viewer alt + 0 1 8 9 ½
± Plus/Minus Sign option + shift + = alt + 0 1 7 7 ±
Minus Sign Use the Character Viewer Use the Character Map −
× Multiplication Sign Use the Character Viewer alt + 0 2 1 5 ×
÷ Division Sign option + / alt + 0 2 4 7 ÷
Almost Equal option + x alt + 8 7 7 6 ≈
Not Equal option + = alt + 8 8 0 0 ≠

How do I type prime symbols on a Mac?

Unfortunately, there isn’t a keyboard shortcut to type prime symbols on a Mac. Be careful of keyboard shortcuts (such as option + e) that are actually for the similar acute accent character. The only sure way to get true prime marks is to either copy and paste from the table above, use the HTML entity or else insert directly using the Character Viewer. Not all fonts contain prime marks, but most popular fonts do as well as quality free fonts.

What is the proper use of the dagger and double dagger?

The dagger symbol is used to indicate footnotes in a text. Typically, an asterisk is used for the first footnote, a dagger for the second footnote and a double dagger for the third. The dagger symbol also indicates death—when placed before or after a person’s name, it means that person is deceased.

What is the hedera symbol, and how do I type it on a Mac?

There isn’t a keyboard shortcut for the hedera character, so to use it on a Mac you’ll need to open the Character Viewer and select the symbol under Bullets/Stars. Historically, the hedera was used to mark paragraphs; however, for modern times its use is almost entirely for ornamentation.

What is the use of the fist symbol?

The fist symbol (also known as the manicule, index or pointing hand) used to be considered a standard punctuation mark and was commonly used in the twelfth through eighteenth centuries. Its primary use is to draw attention to important text. These days you may encounter it in “hipster” design.

What are the superscript rules for copyright and trademark symbols?

  1. © should never be superscript
  2. ™ is automatically superscript, so you don’t need to do anything
  3. ® should be superscript but oftentimes isn’t automatically, so you may need to wrap it in a <sup> tag

How should I use spaces with copyright and trademark symbols?

A copyright symbol should have a space after it. Trademark and registered trademark symbols should not have a space between the text and symbol (Apple®).

How do I use other fractions besides ½?

HTML supports a wide range of entity names for fractions, and they all follow the same format (¾ is &frac34;). You can also use the Character Viewer on a Mac or the Character Map on Windows to insert fractions.

How do I type special characters on my iPhone?

If you press and hold a character on the iOS keyboard, a popup will appear showing all of the available options for that character. Slide your finger onto the popup to select the character you need.

How do I enable the ABC Extended keyboard on a Mac?

  1. System Preferences → Keyboard
  2. Click the “Input Sources” tab
  3. Click the + button under the left column
  4. Select “ABC Extended” from the English list
  5. Click the U.S. flag next to the clock in your menu bar and select “ABC Extended”

How do I use the Character Viewer on a Mac?

  1. System Preferences → Keyboard
  2. Check the box “Show Keyboard, Emoji & Symbol Viewers in menu bar”
  3. Click the keyboard icon next to the clock in your menu bar and select “Show Emoji & Symbols”

How do I use the Character Map on Windows?

  1. Click the Start button and type “character map” into the search box
  2. In the list of results, click “Character Map”

Accented & Non-English Characters

Examples of diacritical marks and accented characters

Examples of diacritical marks such as the acute, grave, umlaut, circumflex, tilde, ring and cedilla.

Copy & Paste Mac Keyboard Shortcut Windows Keyboard Shortcut HTML Entity
à option + `a alt + 0 2 2 4 &agrave;
á option + ea alt + 0 2 2 5 &aacute;
â option + ia alt + 0 2 2 6 &acirc;
ã option + na alt + 0 2 2 7 &atilde;
ä option + ua alt + 0 2 2 8 &auml;
å option + a alt + 0 2 2 9 &aring;
æ option + ' alt + 0 2 3 0 &aelig;
ç option + c alt + 0 2 3 1 &ccedil;
è option + `e alt + 0 2 3 2 &egrave;
é option + ee alt + 0 2 3 3 &eacute;
ê option + ie alt + 0 2 3 4 &ecirc;
ë option + ue alt + 0 2 3 5 &euml;
ē option + ae alt + 0 2 7 5 &emacr;
ì option + `i alt + 0 2 3 6 &igrave;
í option + ei alt + 0 2 3 7 &iacute;
î option + ii alt + 0 2 3 8 &icirc;
ï option + ui alt + 0 2 3 9 &iuml;
ð option + d alt + 0 2 4 0 &eth;
ñ option + nn alt + 0 2 4 1 &ntilde;
ò option + `o alt + 0 2 4 2 &ograve;
ó option + eo alt + 0 2 4 3 &oacute;
ô option + io alt + 0 2 4 4 &ocirc;
õ option + no alt + 0 2 4 5 &otilde;
ö option + uo alt + 0 2 4 6 &ouml;
ø option + o alt + 0 2 4 8 &oslash;
ù option + `u alt + 0 2 4 9 &ugrave;
ú option + eu alt + 0 2 5 0 &uacute;
û option + iu alt + 0 2 5 1 &ucirc;
ü option + uu alt + 0 2 5 2 &uuml;
ý option + ey alt + 0 2 5 3 &yacute;
þ option + t alt + 0 2 5 4 &thorn;
ÿ option + uy alt + 0 2 5 5 &yuml;
Πoption + Q alt + 0 1 4 0 &OElig;
œ option + q alt + 0 1 5 6 &oelig;
À option + `A alt + 0 1 9 2 &Agrave;
Á option + eA alt + 0 1 9 3 &Aacute;
 option + iA alt + 0 1 9 4 &Acirc;
à option + nA alt + 0 1 9 5 &Atilde;
Ä option + uA alt + 0 1 9 6 &Auml;
Å option + A alt + 0 1 9 7 &Aring;
Æ option + shift + ' alt + 0 1 9 8 &AElig;
Ç option + C alt + 0 1 9 9 &Ccedil;
È option + `E alt + 0 2 0 0 &Egrave;
É option + eE alt + 0 2 0 1 &Eacute;
Ê option + iE alt + 0 2 0 2 &Ecirc;
Ë option + uE alt + 0 2 0 3 &Euml;
Ì option + `I alt + 0 2 0 4 &Igrave;
Í option + eI alt + 0 2 0 5 &Iacute;
Î option + iI alt + 0 2 0 6 &Icirc;
Ï option + uI alt + 0 2 0 7 &Iuml;
Ð option + D alt + 0 2 0 8 &ETH;
Ñ option + nN alt + 0 2 0 9 &Ntilde;
Ò option + `O alt + 0 2 1 0 &Ograve;
Ó option + eO alt + 0 2 1 1 &Oacute;
Ô option + iO alt + 0 2 1 2 &Ocirc;
Õ option + nO alt + 0 2 1 3 &Otilde;
Ö option + uO alt + 0 2 1 4 &Ouml;
Ø option + O alt + 0 2 1 6 &Oslash;
Ù option + `U alt + 0 2 1 7 &Ugrave;
Ú option + eU alt + 0 2 1 8 &Uacute;
Û option + iU alt + 0 2 1 9 &Ucirc;
Ü option + uU alt + 0 2 2 0 &Uuml;
Ý option + eY alt + 0 2 2 1 &Yacute;
Ÿ option + uY alt + 0 3 7 6 &yuml;
Þ option + T alt + 0 2 2 2 &THORN;
ß option + s alt + 0 2 2 3 &szlig;
¡ option + 1 alt + 0 1 6 1 &iexcl;
¿ option + ? alt + 0 1 9 1 &iquest;
option + shift + 0 alt + 8 2 1 8 &sbquo;
option + W alt + 8 2 2 2 &bdquo;
« option + \ alt + 0 1 7 1 &laquo;
» option + shift + \ alt + 0 1 8 7 &raquo;
option + shift + 3 alt + 8 2 4 9 &lsaquo;
option + shift + 4 alt + 8 2 5 0 &rsaquo;

How do I type these characters on my keyboard?

On a PC, hold down the alt key while typing the four-digit alt code on your numeric keypad with num lock activated. On a Mac, press the specified keys simultaneously. The arrow symbol (→) indicates a pause—press the keys simultaneously before the arrow and then release and then type the key after the arrow.

Is there an easier way to type these characters on my Mac?

Yes—simply pressing and holding a letter key on the keyboard will reveal a popup showing the accented varieties of that letter. This works on iOS as well.

I’m still having trouble typing these. Any ideas?

The letters after the arrows are case sensitive, so be sure to hold the shift key while typing the uppercase E, for example. Also, double check that you are releasing the keys before you type the key after an arrow.

Ok, I still can’t get these characters to show up. Any other ideas?

Some of the more exotic characters (such as the Icelandic ones) may require you to enable the ABC Extended keyboard. Also, note that not every font has full support for every possible character. You could try switching to a system font (such as Georgia, Helvetica or Arial) as they usually have fairly wide international character support.

I seem to be having specific trouble with the grave accent. Any ideas?

Ensure that you are typing the backtick character (`), which is directly to the left of the number 1 on most keyboards. It looks similar to the apostrophe key, so be sure not to mix the two up.

What’s the best way to use accented characters on my website?

The recommended method is to encode your site using the UTF-8 charset, then you can use the keyboard shortcuts in the table above to directly type the characters. Manually inputting the HTML entities works fine as well; however, if you have numerous accented characters, then it can quickly make a mess of your source code.

Mathematical Symbols

Penn State’s complete guide to advanced mathematical symbols including algebra, calculus, statistics, logic and set theory.

Currency Symbols

A comprehensive currency symbols reference chart from W3Schools.

Shady Characters

A blog (and book) that dives into the history behind typographic marks such as the pilcrow, ampersand, manicule, asterisk and dagger.

The Purdue OWL Punctuation Guide

A comprehensive guide to using proper punctuation from the Purdue University Online Writing Lab.

Wikipedia Punctuation Marks

Use the navigation on the right-hand side to learn about the history and proper use of every possible punctuation mark.

Easily Confused Words

Grammarist’s huge collection of words that are commonly mixed up and used improperly.


Jeremiah Shoaf

By Jeremiah Shoaf  ·  Last updated on March 30, 2021

Corrections or suggestions: jeremiah@typewolf.com



Type Pairing Lookbooks

Font research done for you.