Hanging Out with Punctuation

If you couldn’t guess from today’s headline, it is time to bring the house down with another Typographic Minutiae post. (Please note that the preceding sentence works best if you make that “Raise the roof” gesture while you read it. I can wait if you want to go back and try it again.)

If you’ve ever felt that your punctuation was out of place but weren’t sure why, it probably has something to do with hanging punctuation (or possibly a low-grade psychosis). Basically, it goes like this: When you’re aligning text the way civilized people align text (flush left, ragged right), punctuation should “hang” in the margin or gutter to allow the actual letterforms to align.

I’ve demonstrated what I’m talking about with a quote from one of my favorite authors, Douglas Adams, here:

The example on the left (heretofore “the so-so example”) has some things going for it. It’s set in Minion Pro, which we love, and it’s flush left, ragged right, which, as I mentioned above, is how civilized people set type. However, it does not employ hanging punctuation.

In the example on the right (“the typographically awesome example”), you’ll see how the opening quotation mark “hangs” to the left of the line created by the left-justified type. This is one of those tiny things that you may not think about often, or possibly ever (and if that’s the case, I envy you; please take me to that place), but it can be the difference between so-so type and truly professional type.

And this doesn’t just go for punctuation at the beginning of sentences. Again with Douglas Adams:

Notice in the example on the right that not only does the punctuation hang out in the margin, but so does a tiny bit of the capital T. What’s happening here is that the example on the left is a mathematical alignment (the exact left edges of the typographic characters are aligned), while the example on the right creates an optical alignment (the left edge is created by aligning the strongest visual element of each character). To your viewer, the version on the right creates a stronger line and is therefore more visually pleasing.

Some typographers even apply this to bullet points. I couldn’t find a Douglas Adams quote with bullet points, so I just wrote whatever came into my head:

I actually do not hang bullet points because they hang so far into the gutter, they can interfere with the preceding column of text.

In a rare bit of actual technical information on this site, here’s how you make your text hang in Adobe InDesign: Click on the text box in question, then select “Type” and “Story.” (It’s not intuitive, I know.) This will give you the pop-up window pictured here. Click the “Optical Margin Alignment” box. You can adjust the degree of hanging with the numeric value.

I have to admit, this post is design-nerdy even by my standards. Check back next week, when I promise I’ll have jokes about sweater vests and some photos of funny signs.

4 thoughts on “Hanging Out with Punctuation

  1. Paul writes, “an optical alignment (the left edge is created by aligning the strongest visual element of each character). To your viewer, the version on the right creates a stronger line and is therefore more visually pleasing.” FYI, I certainly did not find it visually pleasing with those vertical red lines running through what I am trying to read. It least the type was not stacked vertically.
    PS – Yes, you are a design-nerd.
    PSS – You have a typo. It should read “No-Good Stinkin’ Yankees.”

  2. Wow. I’m reading along, thinking, This blog would be so much more useful if Paul would include the InDesign instructions for the things he’s writing about, and then BAM!, I read further and there they are.

    Now, is there a way to make that the default setting, so that all type automatically does that, or do I have to click that setting for every single stinking story box in the next 56 page issue of KITING Magazine?

  3. Phil, the way to make the hanging indent your default is to close all your open documents, then select Type > Story and check the box. Once you’ve done that, every new text box you create in InDesign will have hanging type.

    Unfortunately, I’m not sure there’s a way to go back and apply it en masse to text boxes that already exist. So if you’re copying and pasting existing text boxes every time you lay out a new magazine, you’ll have to apply these one at a time. (I think you can apply the change to multiple text boxes on the same page spread, just not to the entire document all at once.)

Comments are closed.