10 Common Typography Mistakes

The goal of this post is to help designers and clients understand the importance of good type skills, while avoiding some of the common mistakes. Please keep in mind that most of these mistakes are subjective and can be changed varying on the project, goals or circumstances.

Below is a list of 10 common mistakes used in type design/layout that can make a large impact in the effectiveness and appearance of your designs, in addition to saving you time and money when dealing with printers.

1. Not enough leading

Leading/linespacing can improve the overall readability of large blocks of text on a page, making it easier on readers to follow lines of text without losing their place. Too little can cause a cramped feeling. It’s important to remember that different fonts need different linespacing. Varying heights in letterforms may demand more or less.

2. Not enough tracking

Tracking/letterspacing is applied to a group of letters. It prevents letters from running into each other, especially during print. It’s similar to leading in which it can improve or hinder readability, flow of text and the density/weight of a block of text.

3. Getting tracking confused with kerning

While tracking is applied to a group of characters, kerning is the adjustment of space between two letter pairs. Effective for use with headlines, text with ALL CAPS and logo treatments (it helps with readability at various sizes). Don’t fall into the trap of letting your design software set this by default; it’s character specific. Same applies to the above, #1 & 2.

4. Lengthy lines of text

Reading many long lines of type causes eye fatigue. Readers are forced to moves their heads and eyes more often from one line to the next. Various sources I’ve researched state to keep lines of text under 50 – 60 characters long.

5. Mixing too many typefaces and weights

Too many typefaces on one page can become distracting and disconnecting (lacking unity). Try keeping your fonts choices to three or less per project. Too many weights can cause a reader to be unclear where important elements are on a page. This creates the possibility of the reader missing something important.

6. Not using serifs for lengthy-text material

Serifs are known to make reading lengthy material, such as books and magazines, more sustainable for longer periods of time. It also helps with eye strain/fatigue, and we all know that we need our eyes! Although this can be argued, serifs seem to sit better on the baseline.

7. Printing similar values of color on top of each other

For example, try printing a medium blue text on top of a medium brown box. Not only is it unappealing, but it makes it hard on the eyes. Also creates a muddy effect.

8. Reversed out text on less than 50% tints

Much like the above, this also increases eye strain and hinders readability. The words get lost in the background and typically prints less visible than seen on screen. This will save you time, money and Asprin for your printing headaches.

9. Overusing centered text

Using centered text creates a jagged and broken appearance to text — very disconnecting! Can be viewed as amateurish in most instances. Save it for those wedding invitations.

10. Large body copy

Normally, designers and non-designers (and yes, I did it too!) will immediately use a 12 point font for body copy. Smaller (even slightly smaller) fonts sizes creates a more professional, modern look. Large body copy can be clunky — think about the font size of a children’s book. Clunky right?… unless it’s the look your going for.

It’s also important to note that viewing text on a computer monitor is much different than printing it. In most instances, type on a screen appears smaller and less crisp. Also, most printers will advise you not to use font sizes under 7 points. May result in readability issues.

11. Not knowing what the Grid System is

Being a typography enthusiast, understanding the grid has become one of the best things I’ve learned in design to date. It’s the basis for creating clarity and making your type and layouts more cohesive. Check out the new site, The Grid System, for links and resources pertaining to grid systems.

Remember this list was composed to spread awareness and create discussion, not discourage anyone from trying new things and breaking the “rules”. I fully encourage all of you to go out and experiment with new ideas and concepts to become better typographers and designers.

What are some common mistakes you’ve seen in type design?



Discussion and Comments

+ Add to the discussion
  1. Most writers fall into the error in writing long sentences. Sometimes I feel nausiatic by reading those very long single sentence.
    Well, thanks for showing the mistakes here. At least people will be aware of what to avoid next time.

  2. festmény says:

    I have always thought the rule for ellipses stated that if they were to indicate the omission of words within the same sentence, one used three ellipses; if they concluded a sentence, one used four. I’d be interested to hear of any authoritative substantiation (or refutation) of this rule.

  3. This is a very good list of common mistakes. A couple more you may want to add are:
    • Failure to use hanging punctuation
    • Not including the space or character proceeding a word that will be italicized

  4. Yeah, the grid is my life right now.

  5. well well, that’s pretty interesting on typography

  6. Nice article. Typographic rules and grids seem to elude a lot of designers…

  7. Thanks for a great post – some really useful tips in there.

  8. 3D animation says:

    I think most of us were guilty of at least 1 of these at some point… and sometimes maybe I still am guilty!

  9. spacing is a big issues, more so with logo design, thanks for the info

    will craig

  10. Dave says:

    As much as I think #10 is a great tip for beginners, you’re breaking your own rules by showing it on tight leading and too short a line length. There’s nothing wrong with 12pt type if it’s on the right leading. It can look professional, and if anything is more legible and readable than it’s smaller counterparts.

  11. [...] 10 Common Typography Mistakes 15 Typography Books To Help You Learn and Love Typography [...]

  12. Bong says:

    Some websites uses Arial as a standard font character.

  13. Great post. Really useful typography tips, these will help me a lot in future.
    Thanks for sharing.

  14. Catherine says:

    Hi,

    I have never read such an interesting information. Nice stuff :)

    Brilliant collection :)

  15. Nice post. Really useful typography tips, these will help me a lot in future.
    Thanks for sharing.

  16. SEO says:

    Thanks for sharing. Great resource for me.

  17. John Foy says:

    Nice post. Most users don’t care to spell check much. Wonder why… It could make things much better

  18. nice tips man, great post. maybe useful for me next chance.

  19. reflex bag says:

    any font to build a personal site? i want to create a personal site but no have inspiration to use a font.

  20. Nicky says:

    Thanks for this useful information about designing, the typographic rules and grids seem to elude a lot of designers and i think this is really important in the designing process.

  21. Shijina says:

    Thanks for this useful information about designing. I wish everyone understood how important leading, track and kerning are. And what a difference they all make too!

  22. Jillian says:

    Everyone at my school should read this. It’s sad that we’re all about to get our associates degree and nearly half my class still breaks all these rules.
    Thank you for proofing all the little things I say right!

  23. doni says:

    i like to read this article..bookmark …

  24. B says:

    Font colour and background colour are so import. Nice font tips.

  25. Piluz says:

    Great post. Really useful typography tips, these will help me a lot in future.
    Thanks for sharing.

  26. Nardiansyah says:

    Hahahaa.. i don’t know that i always do a mistaken when typing… Thanks for useful article..

  27. Karl says:

    Printing similar colors on top of each other reminds me of how they used to do it the old times when websites were built with tables inside of tables inside of tables…

  28. If i could just get the folks i work with to read it… especially the centered text bit.

  29. Very nice and helpful overview!

  30. Oliver says:

    It’s amazing to me how overlook typography is. Well needed article and awesome looking blog. Cheers!

  31. unixgadgets says:

    nice posting , its helping me alot

  32. hyip99 says:

    usefull article i never think about this..

  33. etude says:

    Very helpful and informative text!!! I quite agree with your point that mixing too many type faces can distract the reader. Another element in the post which I agree too is that lengthy lines of text cause eye fatigue. Hence, the reader looses interest…… Thanks for sharing the post.

  34. nice tips man, great post. maybe useful for me next chance.

  35. I am in the process of redesigning my website. These tips are certainly helpful. Infact they are simply great.

  36. bus charters says:

    Most users don’t care to spell check much. It could make things much better. And spacing is a big issues, more so with logo design.Thanks

  37. Really it should be a good tip. It would be more useful for those who are in the process of redesigning process.

  38. Boldis Media says:

    Great post. Really useful web typography tips, thanks!

  39. dresses says:

    Really it should be a good tip. It would be more useful for those who are in the process of redesigning process.

  40. This is the part that I usually fails. I find it difficult to master typography. At least with this list of mistakes I could little by little learn to get through issues on designing such stuff.

  41. Ash Menon says:

    What always kills me is justified type. I understand its uses in some situations, such as a tight grid or an intentionally streamlined block of text for some visual purpose. However, I’ve encountered blocks of text being justified for no discernible reason whatsoever. Not only does it prevent some nice variations in line length from giving some character to the page, it also results in the most hideous of spacing.

  42. Jonny says:

    Nothing worse than oversized text in brochures – Personally I find 8pt the most pleasing whilst being readable, many people seem to feel that is too small!

  43. dentist says:

    I am guilty of using too many typefaces, im going to change my approach.

  44. onosendai says:

    Thank you for this post! , amazing article

  45. vanovandrey says:

    Great site and very nice info! Thanks!

  46. Web Design says:

    Nowadays people have big problems with spell checking, typo checking, spacing and so on, however, let’s hope things are going into a good direction.:)
    Nice post, cheers!

Brian Hoff
About Brian Hoff: Designer, Writer and Speaker

I’m a graphic designer living in Brooklyn, New York who loves creating compelling and useful websites and memorable interactions across the web. When I’m not designing I can be found writing, speaking and occasionally part-time teaching at colleges — all on the subject of design. I started this blog to share my passion and experiences with designers and clients. I'm most active on Twitter; say hello:


POWERED by FUSION