The Difference between Leading, Kerning, and Tracking
Published on March 15, 2019 by 4over4.com, in Graphic Design, Typography
Without a doubt, the most popular and heavily used typefaces among professionals in graphic design are well proportioned, readable and appealing. This can only be accomplished by adjusting the font’s leading, kerning and tracking. But what’s the difference?Understanding these fundamental elements can make or break your design.
Whether you’re a frustrated patron trying to understand your designer or an up-and-coming creative looking to come up with the next best font since Helvetica, it’s good to know the basics of type in design. We have put together a quick guide for each term, and how to make adjustments in Photoshop. Without further ado: the difference between leading, kerning, and tracking – so you’ll never get lost in translation!
Leading establishes how text is spaced vertically in lines. For text with multiple lines to be legible (like most content), it should have appropriate spacing. Therefore, you want to make sure there is the right amount of distance from the bottom of the words above to the top of the words below.
This ‘leading’ uses each line of text where the letters “rest” as the baseline for measurement. The parts of certain letters that are longer, also known as descenders, such as a lowercase p, fall below the baseline. However, when determining the leading distance you also need to consider ascenders, which are letters that are taller, such as the b. Leading is generally 20% greater than the font size, although some individual styles may require different distances.
Adjusting Leading in Photoshop
You can adjust the leading of a font in Photoshop by opening the character palette, located under Window, then click on Character and change the number in the leading field. The leading field is right next to the font size. Remember you need to select the text you want to change prior to making any adjustments.
Kerning refers to the distance between two letters or characters. When letters are set too closely together, words are hard to decipher. Conversely, if they are set too far apart, they become difficult to read. When some letters have wider spacing compared to others, it makes matters worse because it can be frustrating to read without being able to fully understanding what’s wrong.
Kerning is all about having proportional spacing between each of the letters that comprise a word. There are some cases that may need special consideration, such as serifs or stylistic flourishes. It usually takes a trained eye, practice and thoroughness to kern a font to precision.
Adjusting Kerning in Photoshop
Kerning is adjusted in Photoshop using the same character palette that you use for leading. The kerning field is just under the type size. You can also use the shortcut for kerning by placing the cursor between the letters you want to kern and hold down the option key. Use the arrows to move the letters left or right until you get impeccable spacing.
Often confused for kerning, tracking also refers to the distance between letters, but it involves adjusting the spacing throughout the entire word. Tracking can be used once you have determined the right spacing between each letter to change the spacing equally between every letter at once; hence, it should be used with caution.
Tracking is commonly used to fill a space that is larger or smaller than the font’s normal parameters, or to make a single word seem lively and imposing. You should keep in mind that tracking should be used lightly, since it can quickly make reading awkward.
Adjusting Tracking in Photoshop
You can change the tracking in Photoshop by accessing the character palette and adjusting the number in the field below kerning. As with kerning, you can use the shortcut by pressing the arrows to adjust the selected text you wish to alter and hold down the option key.
Leading, Kerning and Tracking in Print
It’s extremely important to thoroughly understand the difference between leading, kerning, and tracking for web and print design, since the space between characters and line of text can draw readers (or customers) in or completely push them away. While some artistic freedom is always encouraged, functionality must come first when the design has a commercial end; it must be easy to follow to be able to sell. If you’re not sure how creative leading, kerning or tracking will affect a print design -get a hardproof copy before committing to a final print!
Are there any other design concepts that have given you a hard time in the past? Please share them with us, and feel free to leave a comment below.