Subscribe to our monthly dose of design. No spamming, we promise.

Back to

White space is to be regarded as an active element, not a passive background.—Jan Tschichold

Schiele in Vienna—The Form of a Signature

Array of: Dublin

Type+Vienna, Serving #2

Type+Vienna, Serving #1

Array of: Amsterdam

Avoid These 4 Typography Lapses on Your Website

Posted by | on

In previous post, we’ve discussed some common macro typographic mistakes, now let’s take a look at these 4 micro typographic mistakes that often occur on websites:

1 | Using extreme weights

Using different font weights helps establish hierarchy between text elements of the website. Using fonts that are extra light or extra black on more than just a few words or large point sizes causes readability issues. It’s nice to see different text colors when using different weighs and it can make website design stand out, but it is up to designer to use it properly. It is best to avoid extreme weights with text and small type.

2 |  Using poorly hinted fonts

Font hinting adjusts font for optimum readability on digital screens. Since fonts are usually not designed for small resolutions, they don’t display well in digital media and create issues when reading. Rasterization can make fonts blurry and not fine tuned unless well hinted .Fonts that are well hinted ensure optimum results on screens with good readability.

3 | Using decorative fonts for text or small type

As their name says, decorative fonts are there to use for decoration. They are display fonts meant for use in big sizes and/or fewer words. They are not optimized for use in small sizes and are hard to read. Decorative fonts have many details, strong character and are visually strong.

4 |  Using too many fonts

Try using maximum three fonts on your website, choose them wisely and pair them well. Using too many fonts that are not paired well will create visual mess and make design amateur. Also, be consistent with chosen fonts and sizes used.

From a macro typographic standpoint discussed in part one, we’ve seen how we can effect website’s readability by fixing a few things for better while making changes on a micro typographic level will ensure our design is legible, too. Legible text will make it easy for the reader to read the information. Combining these things together efficiently will definitely benefit the content comprehension and will benefit a website’s success.

About Zrinka Buljubasic

Zrinka Buljubasic

Zrinka is a type designer working as a Lead designer at Agilo. Type@Cooper 2015 graduate. Has BA in Visual Communication Design and MA in Type Design from Art Academy of Split, Croatia.

Read all posts by .