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

10 top tips for kerning type

Recommended Posts

Designers are spoilt for choice when it comes to typefaces these days, with thousands of paid-for and free fonts to choose from. But what about if you want to make your own? Just like creating a new logo design, developing your own font is no easy feat, and there are many factors to consider when doing so.

One of the most important considerations is kerning; the process of adjusting the spacing between letters to achieve a visually pleasing result. Some designers find it easy, others find it a tricky process where success is achieved more by luck than real judgement. But follow these tips and you should find yourself on the right track...

01. Choose your typeface early on

Font kerning tips: choose your typeface early on

Settle on your type choices early on and everything will flow naturally from there

Each typeface requires its own kerning, adjustments and attention to detail. So it's important that you make a decisive decision on the typeface you're going to be working with early on within the design process. Making last-minute changes can significantly change the direction of your design as well as the kerning that specific typeface needs. Rushed, last-minute kerning is rarely successful kerning, so don't put yourself in that position.

02. Consider specific letter combinations

Font kerning tips: specific lettering

Some letters don't kern as well as others

Remember that some letters that don't kern as well as others within a word. Letter combinations such as 'LA', for example, are not as complementary as 'AV'. In such cases, attention to kerning needs to be considered and focused in regards to the negative space.

03. Blur your eyes

Font Kerning: blur your eyes

Blurring your eyes or squinting can help you focus on letter shapes

While kerning display typefaces (you should only be kerning display typefaces by the way), try blurring your vision a bit by squinting or crossing your eyes. This enables you to focus on the contrast and white space of the letterforms without becoming distracted by the characters themselves.

04. Flip the typeface upside down

Font Kerning: Upside Down

Turning the typeface upside down is a good way to examine the letter shapes

Another useful exercise for kerning is to turn the typeface upside-down. This allows you to focus on the form of the characters rather than getting distracted by the actual word being viewed. Upside-down text becomes more abstract and enables you to focus on lights (white space) and dark (the characters) areas.

05. Create rhythm and consistency

Font Kerning: Rhythm And Consistency

The best font kerning has good rhythm and consistency

The best font kerning (and the best typography) has good rhythm and consistency. One character sitting next to another should appear rhythmic and balanced. One way of achieving this is to step back from the monitor and observe the text. Does the text 'box' appear as one equal shade? Or does it appear darker between some characters and lighter between others?

06. Remember spacing between words

Font kerning tips: remember spacing between words

Kerning is about controlling spacing, and that includes the gaps between words

The main focus of kerning is usually the spacing between characters, but don't forget the spacing between words. This can be especially relevant when working with free fonts you've downloaded online, which are sometimes poorly constructed in terms of spacing.

07. Supply two versions of a logo

Font Kerning: Supply Two Logos

Supply two logos to clients: one for large sizes and one for smaller use

Kerning typefaces for logos can be quite tricky, since logo typefaces can be viewed at very large or very small sizes. I recommend supplying clients, when needed, with two sets: more tightly kerned pairs for large sizes and looser for the smaller uses of the logo.

08. Test yourself

Like mastering any technique, the best and most effective way to improve your kerning skills is through practice. The Kerning Game is a great way to brush up on your technique as well as learning by trial and error the most common mistakes made whilst kerning.

09. Try out a kerning tool

Font Kerning: Two Useful Websites

Check out www.letteringjs.com, a jQuery plugin that enables HTML text to be kerned easily

For us really picky, detailed web folk, try looking at Kern.js and Lettering.js. The second one is a jQuery plugin that enables selectable HTML text on the web to be kerned and controlled in other profound ways.

10. Learn your terms

Font kerning tips: kerning is not tracking

Tracking is about uniform spacing across a text selection

There are lots of specific terms related to typography. For instance, you may hear other designers talk about 'tracking' and assume it's the same thing as kerning. It's not. Tracking is about controlling the uniform spacing between all the letters in a piece of text, while kerning refers to the spacing between two specific letters.

For a full glossary, take a look at our article Typography rules and terms every designer must know.

Like this? Read these!

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  

×