Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  
Rss Bot

The 10 commandments of typography

Recommended Posts

Whether you're an art director, graphic designer working from home or a web designer, getting your typography right is essential if you want to get your message across in the way you, or your client, intended.

For an in-depth look at various aspects of typography, check out our typography tutorials. In this post, we look at common type mistakes, how you can avoid them and offer up some further reading along the way.

01. Thou shalt not use default kerning

Ddo3GpZVkU73aUt7HAqedR.jpg

Don't trust InDesign to do your kerning for you

We see it far too often: a great piece of design ruined by shoddy kerning. When setting any headline in InDesign CC, IllustratorCC or even PhotoshopCC, don't trust the software's judgement.

Take your time to look at spacing between pairs of letters (kerning) and the spacing of the whole word (tracking). You have a lot of control (rather understandably) over kerning and tracking in InDesign.

First, go to Preferences > Units & Increments > Keyboard Increments > Kerning/Tracking and set your required increment. Now you can use the Alt/Opt and left/right arrow keys to fine-tune your spacing. You'll find further advice in our article on kerning tricks.

02. Thou shalt not overuse script fonts

10 commandments of typography

Script fonts don't automatically add 'class' to a design – their use needs to be considered carefully

Okay, there are times when a nice script font works (usually at large sizes; maybe in vintage logo designs or similar), but for most general design jobs they are unnecessary.

Think of how many times you've seen the awful Zapfino cropping up in headlines and even body copy on amateurish posters, leaflets and other printed collateral. Yuck. And you definitely shouldn't be even thinking about using a script font of any kind in body text. Just don't do it – no-one will read it.

On those occasions when script is appropriate, though, check out our collection of free script fonts.

03. Thou shalt not place type over busy backgrounds

There's nothing worse than not being able to read a message because the background is overpowering it. Yes, you may have a beautiful photo that needs to go in the background, but don't hunt for a space to overlay your type: think about the treatment in a sensible manner.

You may need to set your types in blocks of solid colour in order for it to stand out, or even crop the photo differently and run your text somewhere else in the design. Think about legibility. You may be able to read it – you know what it says – but your audience may just miss it.

04. Thou shalt not use many many fonts

10 commandments of typography

It's great having access to thousands of fonts – but you don't have to use them all at once

It's the cardinal sin of type – using too many fonts. Although we all have access to thousands of free fonts to use in our design work, thanks to the likes of Google Fonts and services such as Font Squirrel, you don't need to use them all at once.

Using multiple fonts across a site, magazine or, well, any piece of design can confuse and distract from your message. A general rule of thumb is to use no more than three fonts in your design (although there are exceptions, such as illustrated type pieces).

05. Thou shalt not fake small caps

10 commandments of typography

There are many fonts that come with small caps versions – so use them

Faking small caps never looks good – in fact, it looks downright ugly. So, if you're looking to add a bit of variation to your headlines by using small caps, pick a font that has one. There are loads of free quality ones available – just take a look at these for starters.

06. Thou shalt not use fake italics

10 commandments of typography

Don't turn fonts automatic by skewing them – use the proper italic version

Though it's increasingly rare to find a font without an italic case, if you are using one don't be tempted to skew the font to make it italic – it won't look good. At all. Your curves will be distorted, stroke weight will be all out of sync and, well, do we need to say more?

Block the little Skew (False Italic) icon in InDesign out of your mind – it's for the best. For more on this, see this handy little post from type designer Mark Simonson.

07. Thou shalt not use all caps

10 commandments of typography

Setting all text in caps will make it difficult to read

Whilst capitals can look much slicker and, dare we say it, cooler in body copy, using all caps will turn your important body copy into an illegible mess.

The reason? Well, according to this article on Fonts.com, the most common explanation is that we don't read letter-by-letter, but rather by word shapes "which are in part created by the position and frequency of ascending and descending characters". So if you set something in all caps, it becomes a challenge to read.

08. Thou shalt not reverse type

10 commandments of typography

For the sake of legibility, avoid white text on a black background

Just like commandment 07, reversing type out of a dark colour (so using it white) does nothing for legibility. As this useful guide from UXmovement.com mentions: "You should avoid using white text on a dark background when displaying paragraph text to make it easier from them to read. Forcing users to fixate on the white text for a long time can strain the user's eyes."

This is because white stimulates all three types of colour sensitive visual receptors in the human eye in nearly equal amounts. However, as the article also mentions, there are times when you can use white on a dark colour to highlight a particular element on your site or in your design.

09. Thou shalt not combine serifs

10 commandments of typography

Some typefaces just don't go together

Whatever you do, don't use a serif for a headline and the body copy that follows. It will throw your typographic hierarchy all out of balance. In fact, try not to combine any fonts that are too similar. When using a serif for a headline, try a sans for body; when using a serif in your body copy, try a slab.

A lot is about trial and error, but we recommend reading our 20 perfect font pairings post to set you off on the right track. Remember… contrast, not conflict!

10. Thou shalt not use long measures

10 commandments of typography

Go for between 45 and 75 characters

What is measure? Simply put, it's the length of a line of type – or the width of a column, if you like. Too long or too short and your reader will have to fight to construct the sentences; it can be very distracting.

There are a number of different theories on the ideal line length. Eric Gill in his 1931 book An Essay on Typography suggests that the ideal line length consists of 10-12 words, whereas Robert Bringhurst recommends in his 2004 book The Elements of Typographic Style that 66 characters is best for optimum legibility, but anything between 45 and 75 is okay. Choose a theory and stick to it.

And the 11th commandment...

Thou shalt not use Comic Sans. (Well, we had to put it in, didn't we?). 

For more on this, see our post on the person who inspired Comic Sans, and what he thinks of the font.

Related articles:

View the full article

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×