• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Get A Quote
  • 610.743.5602
  • Schedule A Meeting
default-logo
Menu
  • About
    • Team
    • Careers
    • Work
  • HubSpot Agency
    • Marketing Hub
      • Setup & Strategy
        • Inbound Success Plan
        • Inbound Marketing Plans
      • Traffic Generation
      • Lead Conversion
      • Lead Nurturing
    • Sales Hub
      • CRM Implementation
      • Sales Enablement
      • Sales & Marketing Alignment
    • Content Hub
  • Digital Marketing
    • Inbound Marketing
      • Inbound Marketing Plans
    • Content Marketing
    • Email Marketing
    • SEO
    • Social Media Marketing
    • PPC Management
  • Digital Analytics
  • Web Design
    • Shopify Web Design
    • CMS Hub
    • Branding/Graphic Design
    • Our Work
    • Hosting & Maintenance
  • Blog
    • Small & Mid-Sized Business Resources
    • Client Referral Program
  • About
    • Team
    • Careers
    • Work
  • HubSpot Agency
    • Marketing Hub
      • Setup & Strategy
        • Inbound Success Plan
        • Inbound Marketing Plans
      • Traffic Generation
      • Lead Conversion
      • Lead Nurturing
    • Sales Hub
      • CRM Implementation
      • Sales Enablement
      • Sales & Marketing Alignment
    • Content Hub
  • Digital Marketing
    • Inbound Marketing
      • Inbound Marketing Plans
    • Content Marketing
    • Email Marketing
    • SEO
    • Social Media Marketing
    • PPC Management
  • Digital Analytics
  • Web Design
    • Shopify Web Design
    • CMS Hub
    • Branding/Graphic Design
    • Our Work
    • Hosting & Maintenance
  • Blog
    • Small & Mid-Sized Business Resources
    • Client Referral Program

kerning

Importance of Kerning and Tracking

February 18, 2014 by Mark Mapp 6 Comments

Some Background

When designing a project for digital or print, there are a couple of important aspects in design which must be taken into consideration.  These important aspects to remember in design are namely kerning and tracking, known to most people simply as letter spacing. So what do these terms mean?  Do they really make such a big difference in design?  And how do we tell them apart?

We will start by defining these two design terms.  Kerning by definition simply means to adjust the spacing between a letter pairing.  Throughout history, characters of the alphabet were never designed with any type of letter spacing in mind; therefore, some letter combinations would appear awkward without applying any type of spacing to them.  Presently, a designer can accomplish this process through the use of various page layout programs such as, Adobe Photoshop, Adobe Illustrator, and Quark Express .  In most page layout programs, a designer can choose to apply two types of kerning options, namely auto kerning or manual kerning.

Auto Kerning / Manual Kerning
The difference between auto and manual kerning
Character Box - Web Design
Example of a character box in a typical page layout program

Auto Kerning

Automatic kerning refers to the kerning applied automatically by a program, as opposed to no kerning at all or the kerning applied manually by the user. There are two types of automatic kerning, namely metric and optical.

  1. Metric kerning utilizes the kerning tables that are built into the typeface. When you select metric kerning in your page layout program, you are using the spacing that was intended by the designer of the typeface. Metric kerning usually looks good, especially at small sizes. Cheap novelty fonts or free fonts often have little or no built-in kerning and will need to be optically or manually kerned.
  2. Unlike metric kerning, optical kerning uses the shapes of letters to determine what spacing is adequate between a pair of letters rather than a kerning table that is built into the typeface. There is some level of control with optical kerning, but this option will not space letters as accurately in comparison to kerning them manually. However, optical kerning can be a great option when mixing and matching different fonts.

Manual Kerning

The final kerning option is manual kerning. This is considered by many to be the preferred option for most designers and typographers. When kerning type manually, the designer’s eye is what determines the letter spacing between letter parings. This process can be very time-consuming and should only be used to kern large, display-style type.

Auto Kerning / Manual Kerning
The difference between auto and manual kerning

Tracking

While kerning refers to adjusting the spacing between letter pairs, tracking refers to the overall letter spacing in a selection of letters.  This can be a word, a sentence, a paragraph, or an entire document.  When applying tracking values, the spacing throughout the text will be equal.

As a rule, designers should adjust the tracking to a body of text before applying any kerning value.  If you kern your text first and then apply your tracking values, you will negate the kerning values that were previously applied.

Examples of Tracking Text
Examples of tracking text with different values

What Designers Need to Keep in Mind

Now that we have discussed and defined the differences between kerning and tracking in design, the following are some things to remember when manipulating text’s kerning and tracking:

  1. Always start with the difficult pairings, like capital/lowercase pairings, diagonal letters (like X, V, and Z) and round letters (like O, B, and D).
  2. Adjust kerning values as a last step in your design, especially after you choose a font. Remember every font is different.
  3. Try kerning your text upside down. Kerning text upside down can help to focus on letter pairings rather than the entire word..
  4. The goal of kerning is for the type to appear optically correct. There is no secret formula to this process, and often times it just takes practice.
  5. Here is a game to test your kerning your skills.
Do you have any kerning or tracking tip to add to this list? Let us know in the comments!

Filed Under: Web Design Tagged With: graphic design, kerning, tracking

Primary Sidebar

Archives

Categories

Subscribe Now


CONTACT INFORMATION

DaBrian Marketing Group
3535 N. 5th Street HWY
Suite 2, #203
Reading, PA, 19605

  • 610.743.5602
  • Mon - Fri: 9AM - 5PM
Contact Us
Web Support

RESOURCES

  • Case Studies
  • White Papers
  • eBooks
  • Small Business Resources
  • Our Blog

MARKETING

  • Financial Services
  • Health & Wellness
  • Ecommerce & Retail
  • Business 2 Business
  • Business 2 Consumer

VISIT OUR LOCATION

  • Get Map & Directions

CONNECT WITH US

Facebook Instagram Linkedin Rss Twitter Youtube

Copyright © 2025 DaBrian Marketing Group  •  All Rights Reserved  •  Privacy Policy

Scroll Up