10 Worst Typography Mistakes in Web Design

Posted on July 1, 2013 by

Typography can make or break a web design project. Through simple brainstorming sessions, it is possible to determine the typefaces needed. The importance of typefaces in web design is often overlooked and good designers should go through great lengths to achieve proper typographic implementation.More than 90 percent of web design is related to typography. Information presented in website takes form as written language, which is consisted of individual letters. This is the reason why designers should have solid foundation on how to handle typography. Many experienced professionals insist that typography is a cornerstone of web design, because typography is more than just a combination of letters with varying size, colors and font style. There are many details associated with typography that designers should care about. Not all web designers can create a proper typography, but understanding common mistakes is another important step towards creating impressive typography.

1. Using Too Many Fonts

Many web designers want to decorate monotonous and boring text by using different fonts. Unfortunately, they bombard the entire web design with far too many typefaces. It’s not recommended to use more than three font styles in a web design project. Improper use of font weights can easily confuse readers and bold text should be used only to define which part of the content is more important. This can prevent readers from missing something important in webpages that contain many texts.

2. Bad Leading

Good readability is the ultimate goal of typography implementation in websites. However, visitors are reluctant to read a huge block of text. In any case, a wrong leading always causes unpleasant perception on text. Bad leading can make it difficult for visitors to follow the lines of text.

3. Poor Color Choices

Cool readability can only achieved with the right color. Matched colors in your web design can deliver more comfortable reading. This may seem like an impossible mistake to pull through, but some web designers inadvertently use text colors that are nearly similar to the background. While contrast is necessary for easier reading, it should also be pleasant for the eyes. So be careful with color selections!

4. Centered Text

Some web designers mistakenly think that centered text can make the layout looks balanced. Text centering is nice for applying emphasis, but using it throughout the website can make it look amateurish.

5. Poor Kerning

Kerning may seem like a very simple concept at the first blush. In essence, kerning is determining the proper space between letters. Kerning may rarely be an issue with common text, but it is an important factor to consider when adding letters to web images.

6. Excessive use of Decorative Fonts

Decorative fonts can be very stunning and there are more than a few cool examples of their uses. But if you are compelled to use them on more than a couple of places throughout the design, stop doing it! Despite their visual appeal, decorative fonts reduce content readability. Two common uses of decorative fonts are for text logo and first letter of the article.

7. Excessive use of Capitals

Too much uses of capitals can be really annoying for readers. This may cause readers to find difficulties in focusing full attention. Finding important part of the text can also be significantly more challenging.

8. Improper use of Dashes

This may sound like an insignificant and boring topic, but some designers don’t now the differences between em dash, en dash and hyphen. Poor uses of dashes can cause punctuation mistakes. Designers should properly use each type of dash to make text more effective.

9. Distorted Typefaces

Typefaces should have preserved proportions and you should never distort them. It took a lot of work to design typefaces, so squeezing or pulling them won’t make it better.

10. Using Comic Sans

Comic Sans may look cute, but in many cases using it is a typography disaster.

Author :

  • Subash