×
Black Friday Sale! Select designs up to 75% Off. Ends 11/30 @ 11:59pm PT. Shop the Sale

10 Kerning Tips to Improve Your Typography

By on May 2, 2016 in Tutorials
10 Kerning Tips to Improve Your Typography

What’s your pet peeve? For regular people, pet peeves range from the improper use of their, there, and they’re to loud phone conversations people have in public places. When it comes to designers, they have their own set of pet peeves as well. Some of the biggest and most common are kerning mistakes.

Kerning measures the space between two different letters. A kerning mistake could make a word difficult to read, and might affect how natural the text looks. From this definition alone, you can probably understand what a huge role kerning can play. Sadly, a lot of designers fail to see this impact and end up making kerning mistakes that can cost them projects and clients. Some rely on what their software dictates, while some focus too much on the images surrounding the text.

To make sure that you avoid having all these kerning mistakes, here are a few tips that will surely help you out.

1. Find out what kind of fonts you'll be using.

FontsSave

Various fonts have different widths and styles, which means that they will fit differently given the same amount of space. You can’t figure out kerning using your default letters and replacing them with the actual font later; that’s graphic suicide. Make sure you kern using the actual fonts you'll be designing with.

Another important consideration is that your headline will most probably have a different font than the subheading. In this case, it is important to note that each of these has a different kerning as well.

2. Check on leading and tracking first, then move on to kerning.

Leading? Tracking? I thought we were talking about kerning here? Well, in the world of design, all these aspects fit together to make the whole. Leading refers to that vertical space in between two different lines. Tracking is similar to kerning in that it deals with the amount of space between letters. The only difference is that tracking maintains a uniform width between letters.

Once your vertical lines and the equal spaces between letters are all set, this is the best time for you to start kerning. Why only now? With this organized layout, it is easier to see how much kerning you actually need.

3. Kern each letter individually. Yes, seriously.

Sure, Illustrator, Photoshop, InDesign – they all have automatic kerning settings. So why bother to manually adjust the spaces between letters one by one? There is no denying the fact that the human eye is a better judge than a computer’s mind. After all, actual human beings will be looking at your design, not computers. So it is more important to consider what humans will see instead of what computers think.

Yes, it’s hard work, but it’s going to get better as you get used to this practice. After all, when you end up with a huge kerning disaster, you can’t blame Illustrator, Photoshop, or InDesign for it. It’s all going to come down to what you did, instead of what those programs failed to see.

4. It’s all about visual space and not actual space.

This is where people with extreme OCD would probably take a fall. It’s going to be an endless battle between knowing that everything looks perfect visually and knowing that the distance between letters are not the same.

When it comes to a stare-down between the two, visual space wins hands down. People are not going to approach your design with rulers, trying to see if you spaced everything equally. People are going to look at it and see if they can easily read it, and that’s all that’s going to matter.

5. Think about the spatial relationships between letters.

KerningSave

Each letter is different. An ‘o’ takes up much space than an ‘i’, but you can make up for the lost space if the o is placed right next to a v.

>How does this work? Ever noticed how much negative space there is around letters with slanted sides? A, V, Y – they all leave space around them because of the way their corners extend. The great thing about the negative space they leave is that you have the chance to lessen it if placed side by side with the right letters. As with our previous example, if you place the ‘V’ right next to the ‘O’, you can actually kern them in such a way that the top right tip of the ‘V’ is found right on top of the leftmost edge of the ‘O’.

6. Do your kerning in groups of three.

When you look at a group of words as one whole, it is often easy to miss seeing a few small details that are not in place. This is especially true for longer words. To make sure your eyes do not deceive you, create groups of three letters each and kern one trio at a time. If you are kerning the word ‘alphabet’ for example, go for the ‘alp’ first, then move onto ‘lph’, then on to ‘pha’, and so on. This method allows you to see the small details because you drop other letters that may distract you.

7. Less is always more.

Sure, you have to make sure that everything is perfect. But stop being over-analytical and don’t overdo the kerning. Remember that the more you kern, the tighter the letters will be. And excessively tight letters can become unattractive and difficult to read. Quit while you’re ahead. Don’t obsess about it. If it looks fine to you visually, then leave it as it is.

8. Don’t neglect the spacing between words.

Many designers get so caught up in kerning their letters that they forget to look at the words! Just because a lot of emphasis is placed on visually measuring the spaces between each letter does not mean that the spaces between words have to take the back seat. The spaces between words matter too, you know.

If you kerned your words tightly and left wide spaces between the words, it is not only going to make entire sentences or lines look awkward and impossible to read. Make sure that as you kern your letters, you also mind the spaces between words. It all has to be consistent.

9. Try flipping the typeface upside down.

Yup, you read that right. Sometimes designers get distracted with the meaning of words. You may not even realize that it’s been happening all this time. But it’s a fact. When you are able to read the word, there is always a chance that your perception becomes affected. Take words like thin or heavy for example. The word thin could play tricks on your subconscious and make your eyes feel like there’s a need to kern them tighter — even tighter than the rest of the words around it.

If you flip the words upside down, you get to focus on the characters and the white space around them instead of the definition that they have when put together. You can even go about it in different ways. Don’t just flip them over, you can mirror them sideways too. Look at it from different angles and perspectives. There’s no limit to what you can do.

10. Always have at least two versions of the design.

small-bigSave

When it comes to presenting the final design, don’t always come up with a single version. Always have a smaller version and a larger version so that clients will have a general idea of what it would look like in any size. What does kerning have to do with this? If your design is to be adjusted in the future, there is a chance that the readability of the text is affected in the process. If the design has to be reproduced in a smaller size, you'll have to adjust kerning just a tad bit looser to make the words more readable.

These tips may be basic, but are also the ones that are often forgotten. Have these rules posted right next to your work area, or use these as a mantra before working on your next project. It doesn’t matter what you do to make yourself remember. All that matters is that you do keep them in mind, and the rest of the spaces will follow.

Free lettering worksheets


Download now!

img

Download now!

Getting started with hand lettering?

Download these worksheets and start practicing with simple instructions and tracing exercises.

7 Comments

  1. itsmillertime65

    There's no need to kern every single letter individually... This only makes sense if you're doing this for a logo. Anything else is a waste of time and, therefore, your resources, because the audience that your designs are marketing to will never notice errands in the default kerning of MOST of the fonts you use and if you're using the right fonts then the default kerning is usually very acceptable. I say most because some fonts have default kerning that is way off and these fonts should be avoided but if they must be used then you will have to adjust kerning manually on them.

  2. artam

    Definitely a pet peeve. Many years ago at one place of employment, one of my tasks was to review designers' layouts of the health handouts we produced before they went to the printer. Once a designer took the initiative to send a job out without my review claiming some lame excuse. The title included the word "Birth" in serif all caps, completely untouched and unbalanced. Looking at it bothered me until I left!

  3. Arachnea

    On a side note. Everytime I visit Creative Market to read the blog I wonder about the the font used for the comment section. Is that just a personal problem I am having or does someone else feel the same? It is like the letters make me dizzy when reading big paragraphs. It is a good looking font, but I wonder if it is suitable for larger pieces of text or am I just being silly. Just be honest. :)

  4. scharry

    Claudia Steffens Medina--I think it's because there's relatively low contrast between the text and background colors. I feel like I have to strain a bit to read the smaller size down here in the comments more than in the body (though the low contrast is a pain there, too).

  5. Samuel_James

    Huh, recently I was working on a cover headline, and found myself going into the kerning of each individual letter, and I thought "This somehow feels like I'm cheating or breaking some rule..."
    Always good to have confirmation that I'm doing things right...

You must be signed in to post a comment.

Made with Creative Market

Browse a gallery of inspiration made with design assets from Creative Market.

Explore the Gallery →

Meet the Creative Market Authors

Learn more about the talented writers behind the articles.

Meet the Authors →

Download Our FREE Branding eBook

Get a FREE, fun, and friendly guide to design your own brand.

Get your eBook →