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.











[...] tutti e imparateli a [...]
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.
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.
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
Yeah, the grid is my life right now.
[...] Common Typography Mistakes [...]
well well, that’s pretty interesting on typography
Nice article. Typographic rules and grids seem to elude a lot of designers…
Thanks for a great post – some really useful tips in there.
I think most of us were guilty of at least 1 of these at some point… and sometimes maybe I still am guilty!
spacing is a big issues, more so with logo design, thanks for the info
will craig
[...] 10 Common Typography Mistakes [...]
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.
[...] 10 Common Typography Mistakes 15 Typography Books To Help You Learn and Love Typography [...]
Some websites uses Arial as a standard font character.
Great post. Really useful typography tips, these will help me a lot in future.
Thanks for sharing.
Hi,
I have never read such an interesting information. Nice stuff :)
Brilliant collection :)
Nice post. Really useful typography tips, these will help me a lot in future.
Thanks for sharing.
Thanks for sharing. Great resource for me.
Nice post. Most users don’t care to spell check much. Wonder why… It could make things much better
nice tips man, great post. maybe useful for me next chance.
any font to build a personal site? i want to create a personal site but no have inspiration to use a font.
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.
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!
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!
i like to read this article..bookmark …
Font colour and background colour are so import. Nice font tips.
Great post. Really useful typography tips, these will help me a lot in future.
Thanks for sharing.
Hahahaa.. i don’t know that i always do a mistaken when typing… Thanks for useful article..
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…
If i could just get the folks i work with to read it… especially the centered text bit.
Very nice and helpful overview!
It’s amazing to me how overlook typography is. Well needed article and awesome looking blog. Cheers!
nice posting , its helping me alot
usefull article i never think about this..
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.
nice tips man, great post. maybe useful for me next chance.
I am in the process of redesigning my website. These tips are certainly helpful. Infact they are simply great.
Nice Thx
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
Really it should be a good tip. It would be more useful for those who are in the process of redesigning process.
Great post. Really useful web typography tips, thanks!
Really it should be a good tip. It would be more useful for those who are in the process of redesigning process.
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.
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.
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!
I am guilty of using too many typefaces, im going to change my approach.
Thank you for this post! , amazing article
Great site and very nice info! Thanks!
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!