{"id":34123,"date":"2024-08-19T11:39:55","date_gmt":"2024-08-19T08:39:55","guid":{"rendered":"https:\/\/typetype.org\/fr\/?p=34123"},"modified":"2026-05-15T10:16:42","modified_gmt":"2026-05-15T07:16:42","slug":"kerning-tracking-leading-and-spacing-in-typography","status":"publish","type":"post","link":"https:\/\/typetype.org\/fr\/blog\/kerning-tracking-leading-and-spacing-in-typography\/","title":{"rendered":"Kerning, Tracking, Leading & Spacing in Typography: What\u2019s the Difference?"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Spacing, kerning, leading and tracking are the settings and tools that font developers or designers can use to adjust the distance between characters, changing the rhythm of the text and influencing its readability. <\/p>\n\n\n\n

What\u2019s the difference between these concepts, why are they so essential, and how can they be adjusted in various programs? Let\u2019s explore this together in this article. <\/p>\n\n\n\n

What is leading in typography?<\/h2>\n\n\n\n

Leading (or line height) is the vertical distance between lines of text. More precisely, the distance between their baselines (from one line\u2019s baseline to the following line\u2019s baseline). In simple words, it is line spacing familiar to almost everybody. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/span>The leading settings are already defined within the font file. Basic line spacing is often used in text editing programs. In Adobe software, the default leading equals 120% of the font size.<\/p>\n\n\n\n

Additionally, almost all programs allow users to adjust line spacing to meet the needs of their workflow with a font. Knowing how to adjust leading properly is as essential for typography as for design, as this parameter influences both readability and the text\u2019s visual appeal. <\/p>\n\n\n\n

So, correctly configured leading can make the text more legible. When the line spacing is too narrow, it makes the text too dense: the lines stick together, and people\u2019s eyes quickly get tired while reading. However, overly wide line spacing also complicates reading, as the eye has to \u00abjump\u00bb from one line to the next every time. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

If you wish to learn more about readability, check out our article about the fonts for reading<\/a>. <\/p>\n\n\n\n

The optimal leading setting is thought to be 120% \u2014 20% more than the font size. Remember that this value may vary depending on the field of application, task, and the font\u2019s type. <\/p>\n\n\n\n

How to adjust leading?<\/h2>\n\n\n\n

In general, you don\u2019t need anything specific to adjust leading, as it can be done in various ways within the design or text editing program you use. So, we recommend finding a guide for the particular software you use. In most cases, configuring line spacing is quite easy. <\/p>\n\n\n\n

For example, to set leading parameters in Adobe Photoshop, you highlight the necessary text fragment and choose the desired line spacing value on the \u00abSymbol\u00bb panel.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

What is spacing? <\/h2>\n\n\n\n

Spacing is the horizontal distance between all characters in the text, factoring in all the additional configurations like kerning and tracking. It is set around each glyph during font development.<\/p>\n\n\n\n

The spacing between characters set around each glyph during font development is referred to as aprosh.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

How to adjust spacing?<\/h2>\n\n\n\n

Unlike tracking and leading, which can be adjusted by the user independently, spacing is configured by the font developer in specialized software together with kerning. <\/p>\n\n\n\n

Kerning definition and significance<\/h2>\n\n\n\n

Kerning refers to the selective adjustment of spacing between two characters based on their shapes, aiming to create a visually uniform typesetting.<\/p>\n\n\n\n

Kerning is a configuration of the distance between two adjacent symbols (punctuation marks, numbers) or letters. It serves to balance the rhythm of the text and make it evenly formatted. Every font symbol is unique; that\u2019s why when equal spacing is applied between them, the text has an inconsistent look. This visual irregularity can be compensated by adjusting kerning. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

To an ordinary user, small changes in kerning might go unnoticed in the font. However, it influences the visual perception of the text or design where the font is used. Kerning also directly impacts readability. If you take a look at a text block set with a font with kerning and without it, you will see that the second one is not as good.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/span><\/p>\n\n\n\n

How to adjust kerning?<\/h2>\n\n\n\n

Like aprosh, kerning is configured by the font developer at the stage of designing the font. This process is carried out in specialized font editing software, like Fontlab, Glyphs, and more. Users can\u2019t typically adjust kerning after the development process is finished, only with some rare exceptions. For example, Adobe software has this possibility but only for specific pairs of adjacent characters, meaning that if the same character pair exists in several places in the text, the changes from one of them don\u2019t apply to the others.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

What is tracking (letter spacing)?<\/h2>\n\n\n\n

Tracking is the distance between all symbols in the font. Tracking allows designers to adjust this spacing evenly, making the intervals between letters larger or smaller. Meanwhile, the text maintains a balanced look thanks to kerning, which makes these two concepts so firmly bound.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

How to adjust tracking? <\/h2>\n\n\n\n

Type tracking, like leading, is the function that any user can adjust independently while working with the text. This can be done in a variety of design and text editing programs. <\/p>\n\n\n\n

For instance, to do this in Adobe Photoshop, you just need to highlight the text block where you want to apply changes. Next, use the \u00abSymbol\u00bb or \u00abControl\u00bb palette to either manually input or choose the appropriate value for the \u00abTracking\u00bb setting. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Tracking, spacing, kerning and leading: Main differences<\/h2>\n\n\n\n

To sum up, spacing, kerning tracking and leading are similar concepts united by their connection to transforming distances between characters. The difference is that leading is a vertical interval between lines, kerning allows us to adjust the distance between two specific symbols, spacing is a predefined distance between all glyphs, and tracking is used to change the spacing between all symbols in the text evenly.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n


Leading is measured in points, pixels, or as a percentage of the font size. Kerning, tracking, and spacing are measured in arbitrary units. <\/p>\n\n\n\n

Leading and tracking can be adjusted by designers or users to suit a specific task while working with the font. Kerning and spacing are configured at the stage of font development and typically cannot be modified by users. <\/p>\n\n\n\n

Why are spacing, leading kerning and tracking important?<\/h2>\n\n\n\n

Typography is the art of arranging text and placing it in an effective way. The main goal of this craft is to resonate with the reader\u2019s perception by making the text visually appealing, well-balanced, and atmospheric. <\/p>\n\n\n\n

Spacing, kerning leading and tracking are the tools that allow us to work with the text\u2019s positioning and rhythm. Without them, it\u2019s impossible to create a harmonious-looking and easy-to-read text. <\/p>\n\n\n\n

Conclusion<\/h2>\n\n\n\n

We hope our article helped you grasp these seemingly complicated concepts. If you want to understand other typographic terminology, we recommend exploring our Typography terms dictionary<\/a>.<\/p>\n\n\n\n

\n

FAQ<\/h2>\n \n
\n
\n

What is kerning in typography?<\/h3>\n

Kerning is the process of selectively adjusting the space between two individual letters or characters in a word. It’s used to visually even out the spacing so that it appears uniform, especially in pairs with different shapes (like \u00ab\u00a0A\u00a0\u00bb and \u00ab\u00a0V\u00a0\u00bb).<\/p>\n<\/div><\/div>\n <\/div>\n

\n

How is tracking different from kerning?<\/h3>\n

Unlike kerning, tracking adjusts the spacing uniformly across a whole group of characters—a word, a line, or a paragraph. While kerning solves local spacing problems between pairs of letters, tracking manages the overall density of the text.<\/p>\n<\/div><\/div>\n <\/div>\n

\n

What is leading (line-spacing) for?<\/h3>\n

Leading (also called line-spacing) is the vertical distance between the baselines of adjacent lines of text. It directly affects readability: too little leading makes lines feel cramped and \u00ab\u00a0stuck together,\u00a0\u00bb while too much can make the text appear fragmented and disconnected.<\/p>\n<\/div><\/div>\n <\/div>\n

\n

In what cases should I use tracking?<\/h3>\n

Tracking is used to solve specific typographic challenges:<\/p>\n

— To tighten the spacing in headlines or logos.
\n— To increase the spacing in text set in all caps.
\n— For copyfitting—adjusting text to fit a specific line length or space.<\/p>\n<\/div><\/div>\n <\/div>\n

\n

How do kerning, tracking, and leading affect design?<\/h3>\n

Spacing—including kerning, tracking, and leading—controls the vertical and horizontal rhythm of your text. It directly impacts:<\/p>\n

— Readability: Proper settings make text easy to read and follow.
\n— Hierarchy: It helps to visually separate headlines from body text.
\n— Perception: It creates the overall feel of the text, from dense and serious to airy and light.<\/p>\n<\/div><\/div>\n <\/div>\n

\n

What are interletter spaces?<\/h3>\n

The default space built in around each glyph during a font’s development is called the interletter spaces. The font designer sets the interletter spacing in specialized software during the creation process, just like with kerning.<\/p>\n<\/div><\/div>\n <\/div>\n

\n

How do I adjust tracking in Adobe Photoshop?<\/h3>\n

To adjust tracking in Adobe Photoshop, select the block of text you want to change. Then, in the \u00ab\u00a0Character\u00a0\u00bb panel or the control panel at the top, enter a value or choose from the preset options for the \u00ab\u00a0Tracking\u00a0\u00bb parameter (represented by a VA icon).<\/p>\n<\/div><\/div>\n <\/div>\n <\/div>\n\n \n