In previous articles on writing for the web I’ve talked about workflow for body copy, emphasizing the use of Microsoft Word (or any other intelligent word processor) for both basic proofing and the automatic creation of “smart” typography in text: the generation of curly quotes and apostrophes, em and en dashes, etc.
While this would continue to be my suggested best practice, there are times when you will only need to insert a small amount of text into a web page – correcting a paragraph in an editing tool, for example, or making a few content changes in a CMS – during which using a word processor is unrealistic. If you still want to retain rich typography in what you type, what’s the solution?
| Character | Description | Keyboard Shortcut |
|---|---|---|
| … | (ellipsis) | Option + ; |
| – | (em dash) | Option + Shift + - |
| ‘ | (curly left single quote) | Option + ] |
| ’ | (curly right single quote) | Option + Shift + ] |
| “ | (curly left double quote) | Option + [ |
| ” | (curly right double quote) | Option + Shift + [ |
On the Mac side, the answer is easy: use keyboard shortcuts. A few of the most common, and useful, are shown in the first table.
As you can see, there are some odd keyboard inconsistencies for single and double smart quotes. Rather than sticking with the default (and often typing the wrong form of quotation by mistake), I prefer to remap the keyboard bindings, using a tiny file first suggested by Don Reese:
Place the following text, saved as DefaultKeyBinding.dict, in /Users/<name>/Library/KeyBindings/ on your Mac:
- {
- "~[" = ("insertText:", "‘");
- "~]" = ("insertText:", "’");
- "~{" = ("insertText:", "“");
- "~}" = ("insertText:", "”");
- }
You will need to quit and restart any applications before using the new mappings, which now become:
| Character | Keyboard Shortcut |
|---|---|
| ‘ | Option + [ |
| ’ | Option + ] |
| “ | Option + Shift + [ |
| ” | Option + Shift + ] |
Haha, that is actually incredibly clever.
![Prometheus: Collector's Edition (Bilingual) [Blu-ray 3D + Blu-ray + DVD + Digital Copy] Prometheus: Collector's Edition (Bilingual) [Blu-ray 3D + Blu-ray + DVD + Digital Copy]](http://ecx.images-amazon.com/images/I/5192I1rtYnL._SL160_.jpg)

