Typography Tracking Explained

Home Forums Graphic Design Typography Tracking Explained

  • This topic is empty.
  • Creator
  • #3491

      In typography, tracking refers to the overall spacing between characters in a block of text. It is also known as letter-spacing. Tracking involves adjusting the space between letters uniformly across a range of characters. This can be done to increase or decrease the space between letters in order to achieve a desired visual effect or improve readability.

      Two key terms related to tracking:

      • Tight Tracking: Reducing the space between characters is known as tight tracking. This can be used for stylistic reasons or to fit more characters into a limited space. However, excessive tight tracking may lead to reduced legibility.


      • Loose Tracking: Increasing the space between characters is referred to as loose tracking. This can enhance readability and legibility, especially in larger blocks of text. However, too much loose tracking may cause the text to look disjointed.

      Tracking is an essential aspect of typography and is often adjusted along with other typographic elements such as leading (line spacing) and kerning (adjusting space between specific pairs of characters) to create a visually balanced and aesthetically pleasing layout. Graphic designers and typographers carefully consider tracking to achieve the desired look and feel for a particular piece of text.



      In Design Software (e.g., Adobe InDesign, Adobe Illustrator, Microsoft Word):

      • Highlight the Text:
        • Select the text or portion of the text where you want to adjust the tracking.


      • Locate the Tracking Option:
        • Look for the tracking option in the character formatting panel or toolbar. In many applications, it’s represented by the letters “VA” with an arrow or another symbol.


      • Adjust the Tracking:
        • Increase or decrease the tracking by entering a specific value, using a slider, or clicking on the increase/decrease buttons.


      • Preview:
        • Preview the changes to see how they affect the text. Adjust until you achieve the desired spacing.


      • Apply Changes:
        • Once you’re satisfied with the tracking, apply the changes.

      In CSS (for Web Design):

      If you’re working with web design and want to adjust tracking using CSS, you can use the letter-spacing property.

      /* Example CSS for adjusting tracking */
      letter-spacing: 2px; /* Adjust the value as needed */
      • Select the Text Element:
        • Identify the HTML element that contains the text you want to adjust.


      • Add a Class or ID:
        • Assign a class or ID to the text element if it doesn’t have one already.


      • Apply CSS:
        • Use the letter-spacing property in your CSS file and set the desired value. Link this CSS file to your HTML.


      • Preview:
        • Preview the changes in your web browser. Adjust the value as needed.


      • Save and Update:
        • Save your CSS file, and refresh your web page to see the changes.


      • Improved Readability:
        • Optimal tracking can enhance readability by providing enough space between characters, reducing the chance of letters visually blending together.


      • Aesthetics and Style:
        • Tracking adjustments can be used to create a specific visual style or mood. Tight tracking may give a modern and sleek appearance, while loose tracking can convey a more open and airy feel.


      • Consistent Appearance:
        • Adjusting tracking helps in maintaining a consistent and balanced appearance throughout a block of text. This is crucial for creating a polished and professional design.


      • Fit for Design Constraints:
        • Tight tracking might be employed to fit more text into a limited space, such as a narrow column or a small caption. Conversely, loose tracking can be used for larger headlines or titles.


      • Visual Hierarchy:
        • Tracking adjustments contribute to establishing a visual hierarchy in design. Important headlines may have tighter tracking to stand out, while body text may have looser tracking for improved legibility.


      • Brand Consistency:
        • In branding, tracking is often set as part of a brand’s style guide. Consistent use of tracking helps maintain a cohesive and recognizable visual identity across various communication materials.


      • Artistic Expression:
        • Graphic designers often use tracking creatively as an expressive element. Unconventional tracking choices can contribute to the uniqueness and artistry of a design.


      • Space Utilization:
        • Tight tracking can be useful in maximizing the use of available space, such as in advertisements or banners where space is limited, while loose tracking may be preferred in designs with ample space.


      • Emphasis and Attention:
        • Adjusting tracking can be used to draw attention to specific words or phrases within a text by making them stand out through tighter or looser spacing.


      • Customization:
        • Designers have the flexibility to customize tracking based on their design preferences and the specific requirements of a project, allowing for a high level of creativity and personalization.


      • Reduced Readability:
        • Excessive tight tracking may lead to reduced readability, as characters may visually blend together or become harder to distinguish. This is especially true in smaller font sizes or for long paragraphs of text.


      • Awkward Gaps:
        • Loose tracking can result in awkward gaps between characters, making the text look disjointed or uneven. This can be distracting and negatively impact the visual flow.


      • Inconsistent Appearance:
        • Inconsistent tracking throughout a document or design may lead to a disjointed and unprofessional appearance. It’s essential to maintain a sense of coherence in the overall typography.


      • Cluttered Appearance:
        • Tight tracking, if applied excessively, can create a cluttered appearance, particularly in designs with multiple lines of text or complex layouts.


      • Lack of Emphasis:
        • In some cases, adjusting tracking might unintentionally reduce the emphasis on important words or phrases, as characters may not stand out as effectively.


      • Difficulty in Justification:
        • Justifying text (aligning both left and right margins) with tight tracking may lead to uneven spacing between words, resulting in a less polished and inconsistent look.


      • Compatibility Issues:
        • When sharing documents across different platforms or devices, tracking adjustments may not render consistently, leading to unintended variations in spacing.


      • Printability Concerns:
        • In print design, tight tracking may present challenges during the printing process, especially if the chosen tracking value is too small. Fine details might be lost or become difficult to reproduce accurately.


      • Legibility Challenges:
        • Certain typefaces may not be well-suited to extreme tracking adjustments. Some fonts may lose their legibility or aesthetic appeal when tracking is manipulated beyond a certain range.


      • Overemphasis on Style over Substance:
        • Focusing too much on tracking adjustments for stylistic reasons may compromise the overall communicative effectiveness of the text. It’s important to ensure that the design choices serve the intended purpose and audience.
    • You must be logged in to reply to this topic.