• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Self-Publishing
  • Author Blogging
  • Sitemap
  • Fonts/Typography

The Book Designer

Practical advice to help build better books

by selfpublishing.com

COACHING


PUBLISHING


WRITING


PRODUCTION


FREELANCE


WRITING JOBS

  • Home
  • About
  • Articles
  • Contact
  • Shop
You are here: Home / Book Design / The Elements of Bad Typography

The Elements of Bad Typography

by Joel Friedlander on May 15, 2017 12 Comments

Table of Contents

  • Elements of Bad Typography
  • Bad Typography In the World
  • A Request
  • Resources

Editor’s Note: As more examples of “bad typography” appear, I’ll continue to update this article. And hey, you can send me your own examples for inclusion, too. (See the end of the article. Last edit on June 15, 2017.)

Typography of one sort or another is all around us. And that’s why bad typography is also everywhere. I see this often on the book covers submitted to our monthly Ebook Cover Design contest.

But to be honest, because I’ve been designing with type for most of my life, bad typography has been irritating and, in some cases, downright confusing.

One of the principal uses of design—and typographic design especially—is to solve communication problems. That’s why we want to eliminate confusion, get rid of ambiguity, and create clear, concise messages.

Bad typography stands in the way.

Elements of Bad Typography

When looking at typographic design, there are five elements where you can potentially go wrong. Any one of these, if not handled properly, can create confusion where there should be none.

  1. kerning which refers to the way specific letter pairs fit together
  2. letterspacing or tracking both of which mean spacing applied to all letters
  3. word spacing is exactly what it says, the spacing between whole words
  4. font choice can help or hinder attempts at clear communication
  5. typographic errors can sabotage even the best designs

Making bad decisions or outright mistakes in any one of these five areas can result in bad typography. The best way to understand the problems that await the unwary or inexperienced type designer is by seeing them in action.

Let’s look at some examples.

Bad Typography In the World

You can find lots of examples of mistakes in typographic communication online, and I’ve linked to a whole bunch of resources for you to pursue at your leisure.

Here’s a classic example of bad word spacing. At a glance, what does this store sign seem to say?

typography

How about an example of a typographic error that’s just plain embarrassing—or should be. Does the word “Signs” need an apostrophe? I think not.

typography

How about an example of terrible kerning? Remember, kerning involves the spacing between specific letters. In this sign for a massage therapist, the space between the “E” and the “R” is way too big, leading to an unintended ambiguity about what is actually being offered, and shows that these kinds of typography errors can create serious misunderstandings:

typography

These examples are frequently cited in online articles, and for good reason. Here are some examples from closer to home.

I just received a new AARP membership card, but when I opened it, I wondered if it was really for me, since I’m not known as “Joe L. Friedlander.”

typography

Last week, during our promotion for the Book Launch Toolkit, we gave away a special bonus. But when I saw it, I initially thought it was something “Grand.” This also makes clear that when you’re choosing fonts, it pays to set up your own title to make sure that the characters you’re going to be using meeting the requirement for instantaneous recognition:

typography

Here’s another example of poor letter spacing or tracking. These letters are so squashed together, the words are in danger of becoming “blobs” instead of clearly defined shapes that carry meaning:

typography

Another, more subtle, example of uneven kerning. Authors who design their own covers should watch out for this, too. Here, the spaces around the “O”s appear much larger than other spaces, especially the space between the “E” and the “P.”

typography

These two might be more accurately called layout mistakes, but the problems are clear. First, a pretty gratuitous use of color in both the gray panel and the confusing “color breaks” of the type itself. This completely disrupts the natural reading order of these words, which almost seem to say “Excellent and Alterations Tailoring.”

typography

Here’s one I’m at a bit of a loss to explain. There’s nothing particularly bad about the font choice, letter spacing, or kerning. But how do you end up with this hand painted sign that’s inexplicably bleeding off the left side (where you assume the painter started, right?):

typography

How about television graphics? This one, from a feature on Seth Meyers’ show, creates confusion where none is needed. Note the very strong element that seems to spell out “ALL” reading vertically. This was created by lining up the “A” on the top line and the “L”s below. This is responsible for creating an unneeded and unwanted word right in the middle of the title. Why did they do that?

typography

A Request

I hope you’ve learned something from these real-world typographic disasters and mistakes. Picking an appropriate font, making sure it is spaced properly and clearly communicates shouldn’t be that big of a challenge.

Do you have examples of “bad typography”? I’d love to see them, and if you send them in we’ll publish them in a future post with full credit to you. Use our contact form to send us the URL for your example, it’s that easy.

Here’s a submission from writer Joyce Peterson, who says, “This is supposed to say “Hello Sunshine!” but the yellow “o” fades into the background (more so than this photo suggests). The point of this bracelet is to change color when it (and the wearer) are in full sun as a reminder to wear sunscreen. So it’s not that big a goof after all!”

typography

Thanks!

For a fun and instructive way to learn something about kerning and letterspacing, try The Kerning Game and see if you can beat my best score so far: 90. Tip of the cap to Max for pointing this out to me.

Resources

  • Infographic—34 Sins Of Typography
  • Worst Fonts Ever! 11 Examples of Bad Typography in Print
  • Butterick’s Practical Typography—bad fonts: Just don’t
  • 23 Really Bad Font Choices
  • 10 Typography Don’ts: Common Mistakes That Will Kill Your Publication
  • 50 Shades of Bad Typography
  • 30 free font resources

Filed Under: Book Design Tagged With: font, typography

journal marketing

Reader Interactions

Comments

  1. Alan Lapp says

    November 27, 2018 at 7:06 pm

    As a one-time, and only one time, sign painter, I can tell you precisely how “HAIRCUTS” wound up jammed against the left edge.

    The word has 8 letters. To someone who is typographically impoverished, it makes total and complete sense to center the word on the kerning space between the “R” and the “C”.

    What has been overlooked is the individual character widths to the left and right of center.

    Reply
    • Joel Friedlander says

      November 28, 2018 at 9:45 am

      Alan, good theory. Or, the painter could have started on the left margin and been surprised when the “S” didn’t quite make it to the right margin. Mysteries.

      Reply
  2. jedidiah manowitz says

    October 31, 2018 at 7:12 pm

    Everything using Times Roman , New Times Roman, or similar fonts.

    Reply
  3. George Beinhorn says

    May 15, 2017 at 9:08 am

    I submit the following website from the leader of an entire movement among graphic designers that was (is?) devoted to turning letters into elements of art: http://www.davidcarsondesign.com/. Infected by the notion that words should be spread out over a book cover in scattershot fashion, one of our graphic designers produced a cover for a book called “The Essence of Self-Realization” that could only be read as “The Sessence of Self-Realization.” I mean, if your moon is hanging over your Venus, maybe this is all just fine and okay, but if the object is to communicate clearly, then yuck, pah, bleh!

    Reply
    • Joel Friedlander says

      May 15, 2017 at 11:08 am

      Thanks for the link, George.

      Reply
  4. Michael N. Marcus says

    May 15, 2017 at 2:38 am

    I’m always glad to see you deal with typography.

    Sadly, the online world is filled with bad typography that many might think is acceptable. It’s like cellphones’ lowering the expectation of good quality in landline phone calls. Both situations are parallels of “Gresham’s Law,” where “bad money” drives out the good.

    One of the most annoying examples is the Washington Post’s website, which seems to be unable to keep an “f” from crashing into the dot over an “i” in such words as “finish” in a big, bold headline. There must be a way to avoid this with a ligature or spacing. The errors appear online, but not in print.

    The New Yorker is known for superb (and sometimes eccentric) print typography, and its website is also superb.

    Ebooks create another problem because the reading devices can countermand the best intentions of a page designer. A self-publisher might say, “well if an ugly page is good enough for Simon & Schuster, it’s good enough for me” and not even try to optimize a book.

    My contribution to amateur typographers: https://www.amazon.com/dp/B01BCMI4OI

    Reply

Trackbacks

  1. Typography examples – Georgia Blue Colson :) says:
    January 26, 2020 at 2:06 pm

    […] https://www.thebookdesigner.com/2017/05/bad-typography/ I think this is an unsuccessful use because the H at the start is right on the edge and therefore […]

    Reply
  2. Good vs Bad – Typography - Carlos Ygoa Designs says:
    September 11, 2019 at 4:31 pm

    […] For a bit of a laugh and to see the worst examples of poor typography check out this piece by Joel Friedlander. […]

    Reply
  3. Week 3: Typography – Digital Media Blog says:
    September 23, 2017 at 1:47 pm

    […] https://www.thebookdesigner.com/2017/05/bad-typography/ […]

    Reply
  4. Week 3: What’s Your Type? – Zoël Labelle says:
    September 22, 2017 at 8:51 pm

    […] source: https://www.thebookdesigner.com/2017/05/bad-typography/ […]

    Reply
  5. Top Picks Thursday! For Writers & Readers 05-25-2017 | The Author Chronicles says:
    May 25, 2017 at 10:02 am

    […] If you are formatting your own book (or marketing materials), Joel Friedlander warns us to look out for these elements of bad typography. […]

    Reply
  6. Die Woche im Rückblick 12.05. bis 18.05.2017 – Wieken-Verlag Autorenservice says:
    May 18, 2017 at 11:23 pm

    […] Joel Friedlander: The Elements of Bad Typography  […]

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Get the Advanced Publishing Kit

Topics

  • Audiobooks
  • Author Blogging 101
  • Book Construction Blueprint
  • Book Design
  • Book Printing
  • Book Production
  • Book Reviews
  • Cameras
  • Contributing Writers
  • Cover Design
  • E-Books & Readers
  • Editorial
  • Guest Posts
  • Interior Design
  • Interviews
  • Journey of a Book
  • Legal Issues
  • Marketing
  • Podcasts
  • Project Focus
  • Reports
  • Reviews
  • Samples
  • Self Publishing Basics
  • Self-Publishing
  • Social Media
  • Training
  • Video
  • Webinars
  • Writing
Self Publishing Platform
Self Publishing School

COACHING

Self Publishing

PUBLISHING

The Write Life

WRITING

The Book Designer

PRODUCTION

Make a Living Writing

FREELANCE

Freelance Writers Den

WRITING JOBS

Footer

  • Home
  • About
  • Articles
  • Contact
  • Shop
  • Self-Publishing
  • Author Blogging
  • Sitemap
  • Fonts/Typography
Terms of Service
Privacy Policy
Comment Policy
Guest Author Guidelines
Why?
"Writers change the world one reader at a time. But you can't change the world with a book that's still on your hard drive or in a box under your bed. This blog exists to help you get that book into people's hands."
—Joel Friedlander

Copyright Self Publishing School All Rights Reserved. © 2022