TypeTalk: Kerning Principles

9

TypeTalk is a regular blog on typography. Post your questions and comments by clicking on the Comments icon above. If Ilene answers your question in the blog, you’ll receive one Official Creativepro.com T-Shirt!
Q. Kerning is a black art I have yet to get my head around. How much is too much? Is it purely visual or can it be mathematical?
A. Kerning is the adjustment of space between two specific characters. While there usually are hundreds of kern pairs built into a font, sometimes you have to make manual kern adjustments — mostly to display type — to balance out the negative spaces between some letter combinations.
The goal of kerning, as well as proper letterfit in general, is to create even color, texture, and balance between all characters. All character pairs should theoretically have the same negative space between them.
Another way to look at it is to imagine pouring sand in-between each pair of characters: Every space should have roughly the same volume of sand. This might sound simple, but in reality, it can be difficult to achieve due to the idiosyncrasies of the individual characters. So in answer to your question, it is a combination of mathematical and visual.
Here are five basic principles to keep in mind when kerning:
1. Proper kerning begins with understanding the spatial relationship between straight-sided characters, such as an l, and rounded characters, such as an o. Here’s the concept: the distance between two straight characters begins with one value; the distance between a straight and a round character (or vice versa) should be slightly less than two straights in order to visually look similar; and the distance between two rounds is slightly less than a straight and a round for the same reason. The operative word here is “slightly,” as round-to-rounds are often over-kerned by people unfamiliar with proper kerning principles (or with an untrained eye). Note that some characters are a combination of straight and round, such as b, d, g, p, and q.
Figure 1. Note the relationship between the space of straight and rounded characters: straight to straights are one distance, straight to rounds (and vice versa) are slightly less, and round to rounds are slightly less than that. Set in ITC Franklin Pro.

2. Like, or similar, letterforms have like, or similar, spacing. That is, a round to a straight character in a specific setting, such as “or,” should have the same spacing as a straight to a round, such as “le.”
Figure 2. Similar letterforms, such as le, mo, and or, should have the same space between them. Set in ITC Franklin Narrow Pro.

3. Straight-sided characters with serifs should not touch each other. (Neither should rounds, for that matter.) Diagonals can touch or overlap slightly, as well as some other combinations whose shapes create large negative spaces, but it’s a question of taste, not a hard and fast rule.
Figure 3. Straight characters with serifs shouldn’t touch each other, as shown in the upper example. Neither should rounds to rounds. The lower image illustrates the proper relationships. Set in Century.

4. Don’t over-kern. “Less is more” when you’re becoming familiar with proper kerning. When in doubt, go without… kerning, that is.
5. Consistency is critical! When kerning, review your work often to make sure you maintain consistent negative spaces, especially between the same or similar characters.
Figure 4. Both EW combinations are spaced differently in this example of inconsistent kerning. They should look exactly the same. Set in Gloucester MT Extra Condensed.


You can train your eye to see spacing more acutely by observing character shapes and their spacing all around you — subway posters, magazines, book covers, packaging, menus, logos, etc. Just as musicians practice their instruments, or athletes practice their sport, looking at your surroundings with a critical eye will help you to see spatial relationships that you have trouble seeing now, which in turn will help you to properly kern your typography.
Click here for my follow-up column on kerning.
Love type? Want to know more? Ilene Strizver conducts her acclaimed Gourmet Typography workshops internationally. For more information on attending one or bringing it to your company, organization, or school, go to her site, call The Type Studio at 203-227-5929, or email Ilene at [email protected]. Sign up for her e-newsletter at www.thetypestudio.com.

More Resources To Master Type and Typography

 

CreativePro Week is the essential HOW-TO conference for creative professionals who design, create, or edit in Adobe InDesign, Photoshop, Illustrator, Acrobat, and Microsoft PowerPoint.

Featuring over 30 expert speakers and 75 sessions and tutorials, CreativePro Week offers five days of in-depth training and inspiration, all in one place. No matter your skill level, you’ll learn techniques and best practices you can start using immediately to improve your productivity.

LEARN MORE

Members get a special discount on registration! Sign up today.

Ilene Strizver is a noted typographic educator, author, designer and founder of The Type Studio in Westport, Connecticut. Her book, Type Rules! The designer’s guide to professional typography, is now in its 4th edition.
  • The Monicker says:

    I’ve recently decided, as a web designer and a typography enthusiast, that I must have proper characters on my web pages. Left and right quotation marks, em & en dashes… etc.

    But, I found at least three ways to encode each of these things. For example: em dash can be made with… — — or —. For left double quote, I got: “ and “… I know some of these are ascii and some html. Dreamweaver seems to pick and choose what it thinks I should use at random… Which codes are optimal?

  • tgunnison says:

    I’ve recently been to Philadelphia, where I saw documents printed in the late 1700’s (handwritten too, for that matter), and I wanted more information about the alternate form of the letter “s”. The one that looks like a long lowercase “f”, sometimes with a cross bar extending to the left only, and sometimes without. I asked someone at the Ben Franklin museum/print shop, and he said that it was a form dating back to the Romans, but he didn’t really have much information about it. I’ve done some research on my own and am not coming up with much. I’d like to know why the Romans used two forms of the letter, or if it was in fact another letter? And why was it discontinued? I assume it was in the standardization of spelling and/or to streamline the printing process? But if that’s the case, why was it used for so long? And in what cases was it used and what cases was it not used? Were there rules for its use, or was it arbitrary?

    Thanks!

  • Anonymous says:

    Lazy designer tip: In the Character palette of most applications, you can switch kerning from “Metric’ to ‘Optical’. the result is usually better kerning and even some saved space. Can’t count how many posters on the NYC subway could have benefited by this tiny step.

  • Anonymous says:

    Thanks for the article, it explains in a very simple way the proportions of Kering.

  • […] Ilene Strizver recommends approaching kerning in this way: two straight letters need the most space; a straight and a round […]

  • […] Ilene Strizver recommends approaching kerning in this way: two straight letters need the most space; a straight and a round […]

  • […] ◆2:空間と文字の形の関係を理解する 文字同士の間が同じ幅であっても、横並びの2つ文字が直線を使っているか、丸みのある文字かで空間の見え方は大きく異なります。フォントデザイナーのIlene Strizver氏によると、2つの文字が並んでいる時に、もっとも空間を要するのは2本の直線の間で、その次に直線と丸い形の間、最も空間を必要としないのは丸い形が2つ並んでいる時とのこと。 […]

  • Oluwasegun says:

    Thanks for the article, Very helpful for the beginners to typography. What is the best practice for kerning a content software or manual?.

  • […] is a helpful article about the principles of […]

  • >
    Notice: We use cookies on our websites to give you a great online experience. If you keep browsing, we'll assume you're ok with this. For more information, see our privacy policy. By closing this banner, you agree to the use of cookies.I AGREENo