top of page
Easydesigntemplates.com

How to Use Kerning, Leading and Tracking in Typography

Updated: Aug 26

Typography is a fundamental element in graphic design, shaping how readers perceive and engage with content. Among the essential principles that every designer should master are kerning, leading, and tracking. These terms often seem technical, but understanding how to use them effectively can make a significant difference in your design’s readability and overall impact. In this guide, we'll break down how to use kerning, leading, and tracking in typography to enhance your designs.


A poster showcasing good usage of kerning, leading and tracking in graphic design

What are Kerning, Leading, and Tracking?

Before diving into the techniques, it’s crucial to understand what these terms mean when considering how to use kerning, leading, and tracking in typography.

Kerning

Kerning refers to the adjustment of space between individual characters in a word. The goal of kerning is to achieve visually consistent spacing, ensuring that letters are neither too close together nor too far apart. Proper kerning enhances the readability of text and gives it a polished, professional look.


Visual example of what is kerning in graphic design and how to use it.

Leading

Leading is the vertical space between lines of text, measured from the baseline of one line to the baseline of the next. The term originates from the days of traditional typesetting when thin strips of lead were used to separate lines of text. Adjusting leading properly ensures that the lines of text are easy to read and visually balanced.


Visual Example of what is leading in graphic design and how to use it.

Tracking

Tracking, also known as letter-spacing, refers to the uniform adjustment of space across an entire word or block of text. Unlike kerning, which focuses on individual letter pairs, tracking applies spacing changes evenly across all characters. It’s typically used for stylistic purposes, helping to achieve a particular look or feel.


Visual Example of what is tracking in graphic design and how to use it

Why Knowing How to Use Kerning, Leading, and Tracking in Typography is Essential

Understanding how to use kerning, leading, and tracking in typography is vital for creating designs that are not only aesthetically pleasing but also easy to read. Improper use of these principles can lead to crowded text, awkward gaps, and poor readability. When used correctly, these adjustments can elevate your design, making it more engaging and professional.

How to Use Kerning in Typography

Kerning is particularly important when working with headings, logos, or short text where individual letter spacing is more noticeable. Here’s how to effectively use kerning:

  1. Start with Default Kerning: Most fonts come with built-in kerning that works well in most cases. Begin with these settings before making manual adjustments.

  2. Look for Problematic Letter Pairs: Some letter combinations, like “AV” or “WA,” often require manual kerning adjustments. Letters with diagonal strokes or overly wide spacing are common culprits.

  3. Use Your Eye, Not Just Tools: While software tools can assist with kerning, your eye is the best judge. Step back and view the text as a whole to see if the spacing feels balanced.

  4. Don’t Overdo It: While adjusting kerning, subtle changes often have the most impact. Over-tightening or over-loosening can make the text feel unnatural.

How to Use Leading in Typography

Leading plays a crucial role in setting the tone and readability of your text, especially in longer passages. Here’s how to adjust leading effectively:

  1. Consider the Text’s Purpose: For body text, aim for a leading value of 120-150% of the font size. For titles or captions, tighter leading may work better, but ensure it doesn’t compromise readability.

  2. Adjust Based on Font Characteristics: Some fonts have taller x-heights or more complex letterforms, which may require extra leading for clarity. Test different values until you achieve an optimal result.

  3. Balance White Space: The space between lines should feel neither too cramped nor too loose. Proper leading balances the white space within and around the text, contributing to a more harmonious design.

  4. Test Across Different Mediums: Leading can appear differently in print versus digital formats. Always test your design on the intended medium to ensure consistency.

How to Use Tracking in Typography

Tracking is typically used to adjust the spacing of large blocks of text or for creative purposes. Here’s how to apply tracking effectively:

  1. Use Tracking for Readability: For body text, avoid using extreme tracking values. A slight increase can improve readability, especially for small text, but too much tracking can make text feel disjointed.

  2. Apply Tracking for Aesthetic Effects: In headings or display text, tracking can be used more liberally to achieve a particular style. For instance, increased tracking can create a modern, spacious look, while tighter tracking can convey a more traditional feel.

  3. Adjust Tracking in Combination with Kerning: Sometimes, adjusting kerning can affect the overall spacing. Use tracking to fine-tune the spacing after you’ve made kerning adjustments.

  4. Maintain Consistency: In larger projects, such as magazines or websites, consistency in tracking values helps create a cohesive design. Define specific tracking guidelines and stick to them throughout the project.

Best Practices for Combining Kerning, Leading, and Tracking

To create well-structured, readable typography, it’s important to understand how these principles work together:

  • Start with Tracking, Then Kerning: Adjust tracking first to set the overall spacing, then fine-tune with kerning for specific letter pairs.

  • Leading Influences Readability: For body text, focus on getting the leading right first. Good leading enhances flow and legibility, especially for longer passages.

  • Consistency is Key: Ensure that your kerning, leading, and tracking values are consistent across your project, creating a seamless experience for the reader.

Tools to Help with Kerning, Leading and Tracking in Typography

Several design tools can assist you in mastering these typography techniques:

  • Adobe Illustrator and Photoshop: Both tools offer advanced options for adjusting kerning, leading, and tracking manually.

  • FontForge: A free, open-source font editor that allows detailed control over spacing and other typography settings.

  • Online Kerning Games: Tools like "Kern Type" help train your eye for perfect kerning by providing interactive challenges.

Conclusion

Mastering the use of kerning, leading, and tracking in typography is essential for every designer. These adjustments may seem minor, but they can dramatically improve the overall look and readability of your text. By understanding the nuances of each principle and how they work together, you can create designs that are not only visually appealing but also communicate effectively.

Remember, typography is about finding the right balance between form and function. By applying these techniques, you can elevate your design work and ensure your text is both engaging and easy to read.


6 views0 comments

Comments


bottom of page