What Is Spacing and Kerning and Why They Are Crucial To Typography | HipFonts (2024)

You’ve probably looked at a cafe sign or a car logo and thought that ‘something’s a little off’. Either the letters seem too close together, or the spaces between them are too wide.

Well, you’re not alone – typographers notice these nuances, too (and are often irked by them). More than a shared passion against Comic Sans, nothing makes a designer wince in silent pain than seeing bad kerning and spacing. In worst case scenarios, they can even ruin a brand.

But why is this a big deal? And if you’re a typographer, why should you bother learning the basics?

A Brief History on Spacing and Kerning

In the olden days of print publishing, typesetting was an important process where metal or wooden blocks were arranged to form words, lines, and paragraphs. This can require two or more different kinds of fonts, depending on the design. Much like stamping, there would usually be one letter or character per block (these are called sorts in the mechanical system).

The typesetter would pick a sort then place it on the composing stick, arranging the letters from left to right. These are then put onto the press, inked, then placed under the platen to create an impression on paper.

Each character would seem ‘boxed’, surrounded by the shape of the wooden or metal block where it was carved. So if a typesetter wanted less spacing between them, he might sometimes shave a bit off the sides to make the letters fit closer together.

While we don’t use the same process today, the concept remains more or less the same. When you look at type, imagine an ‘invisible box’ surrounding it, representing the old wooden or metal blocks. When placed side by side, you may notice either too much or too little space.

This can be fixed with a few clicks today.

Spacing vs. Kerning

Budding designers usually learn on the job. So it’s common for them to feel bored when presented with facts and figures pertaining to type. After all, kerning and spacing are hardly creative in nature. Still, this is a foundation of knowledge you can’t miss out on, particularly if you’re interested in a design career.

Let’s begin with terms: spacing refers to the amount of whitespace on either side of a glyph (elemental symbol intended to represent a readable character). These values of whitespace are called ‘sidebearings’. In general, the straighter the side of the glyph (as in the letters ‘H’ and ‘l’), the greater the sidebearing.

Kerning on the other hand, refers to the whitespace between specific pairs of characters. This is something you need to correct based on necessity; so this one is highly subjective. For example: in the word ‘AVATAR’ you may notice that the pair ‘A’ and ‘R’ are too close together. Using the kerning process, you can fix that to make the overall word look more visually appealing.

Kerning also affects readability. If some letters are too close or farther apart, it could result in a totally different meaning. The internet is filled with bad kerning examples – and the results are hilarious!

Kerning vs. Tracking vs. Leading

Don’t confuse kerning with tracking or leading. While the differences may be subtle, they don’t refer to the same thing. Understanding how each one works will only benefit you as a future typographer.

Tracking, or letter-spacing, is adjusting the space uniformly over a range of characters (as opposed to individuals or pairs in kerning). Increased tracking means more ‘breathing space’ between letters so texts appear wider. Decreasing tracking means more compacted text, so some words may not appear readable anymore.

Designers use tracking to enhance paragraphs or lines of text, usually for books, brochures, or presentations. It helps remove that extra word at the end of a paragraph (known as a widow) or that awkward one at the top (called an orphan), which should’ve been still part of a previous page.

Leading, or line-spacing, is fixing the distance or space between two baselines or lines of text. When performed properly, this can make paragraphs look easy on the eyes while avoiding those awkward crashes between descenders (that part of the letter that extends below the baseline, as in ‘g’ and ‘y’) and tittles (the dots above lowercase ‘j’ and ‘i’).

When used together, they can make your final product look polished and precise.

Basic Tips for Applying Spacing and Kerning

Kerning, tracking, spacing, and leading can feel overwhelming, especially for young or inexperienced designers. But remember: practice makes perfect. Aside from doing the nitty gritty work, you can always try these tips to make sure you’re getting the most out of your everyday exercises:

1. Practice visualizing space between letters. Kerning isn’t about mathematically equal spaces, but rather, perceived spaces that look aesthetically pleasing to the eye. Zoom in when you’re working so you can check how each letter or pair is supposed to appear.

2. Take note of common problematic pairs/letters. There are letter pairings that are tricky to begin with, such as capitals followed by a lowercase, or straight edges next to slanted or curved edges (ex: ‘lo’ or ‘VA’). Pay close attention once you spot them. One thing you can do is to fix kerning for straight edges first (ex: ‘H’), then use that as a guide for the rest of your characters.

3. Don’t get fixated on the words. Don’t forget that when dealing with spacing issues, it’s not about meaning. Focus on how the overall aesthetic looks like. Try looking at your type upside-down or even printing them on paper to give you a fresh perspective.

4. Track and learn before you kern. Once you take care of those, kerning should follow naturally.

5. Watch out for size. This is crucial for those working on logos or ads for billboards. Don’t assume that kerning for smaller size fonts will be the same when they are enlarged.

6. Kern in pairs or in threes. Work on difficult areas first, then work your way towards the entire word or phrase.

7. Ask for a second opinion. This is particularly useful for those who are just starting out. Get in touch with an expert who can give you handy advice. Or you can simply ask a friend or loved one for feedback. It’s common to be blind to your own mistakes.

8. Take a break! Typography can be a rabbit hole of minute details. So don’t forget to get off your seat and give your eyes a rest. Look at something green, grab a snack, or cuddle with a pet.

Itching to get ahead? Try the Kern Type game to practice. Simply arrange the letters and get instant feedback. It’s a great way to pass the time, too!

In Summary…

There are little things you don’t notice – until you do. And then it’s all you ever see. Such is the case with bad kerning and spacing. It doesn’t matter whether you’re a professional typographer or an ordinary citizen. The meaning of words can change based on these little things.

If you’re a business owner or a branding officer, better pay more attention. The last thing you want is to find your logo on a meme site. So yes: kerning and spacing DO matter. Learn the basics, apply them, and you might go down in design history.

What Is Spacing and Kerning and Why They Are Crucial To Typography | HipFonts (1)
Posted by:Igor

Hi, I'm Igor. Welcome to our website! As a designer I was always frustrated about not being able to find high quality typefaces for my projects. I would spend hours going through thousands of pages on popular font marketplaces to find great fonts. I knew I couldn't be the only one with this problem, so I launched HipFonts as a side project. Here you will find neatly curated and categorized font collections & articles. My goal is to make HipFonts the absolute best font resource available for designers, artists, and creatives.

What Is Spacing and Kerning and Why They Are Crucial To Typography | HipFonts (2024)

FAQs

What is kerning in terms of typography Why is it important? ›

Kerning is the spacing between individual letters or characters. Unlike tracking, which adjusts the amount of space between the letters of an entire word in equal increments, kerning is focused on how type looks — creating readable text that's visually pleasing.

Why is spacing important in typography? ›

Adjusting the letter spacing of a given text has been shown to affect reading speed and accuracy. A wide body of research suggests that text with wider letter spacing, as well as wider line and word spacing, leads to increased reading comprehension among both dyslexic and non-dyslexic children.

What is the spacing for text in typography? ›

The traditional term for line spacing is leading (rhymes with bedding ), so named because traditional print shops put strips of lead between lines of type to increase vertical space. Sometimes you see this term in typesetting software. For most text, the optimal line spacing is between 120% and 145% of the point size.

What is the difference between kerning and spacing? ›

The important difference between kerning and character spacing is the fact that letter spacing is agnostic to the text it spaces, while kerning is used in certain situations between certain pairs of characters as defined in the font. The image her is an example of kerning.

Is kerning important? ›

Mastering kerning is important if you want to pursue a career in graphic design. Putting the finishing touches on a graphic design project calls for a keen eye. But you already know this, because perfectionism is just a part of the job! You look at every nook and cranny of a project before you can consider it complete.

Why is line spacing important? ›

Spacing such as space between lines and space between words impacts readability. The space between lines in a block of text is also called leading. Some people need more space between lines to be able to read text. Line spacing also helps with tracking.

What is an example of kerning in typography? ›

For an example, look at something like the Gucci logo. The larger spaces between each capital later makes the design look more authoritative and precise. When it comes to kerning examples, Gucci is a wonderful insight into how more space can convey feelings of sophistication and care.

Where is kerning used? ›

Kerning is essential for headlines, typographic logos, signage, and other designs that require high levels of legibility. It is particularly important in designs where text is the primary visual element, such as posters or advertisements. And when done well, kerning can help create beautiful, polished designs.

Where is kerning generally used? ›

Kerning is the process of increasing or decreasing the space between individual characters, adjusting the position of letters in relation to others. It's commonly used on prominent pieces of text, such as headlines and logos.

What does kerning mean text? ›

Kerning is a typography process where you adjust the horizontal spacing between two letters. If you've ever looked at a word and thought some of the letters seemed closer together or further apart — don't worry. It probably wasn't because you hit the spacebar one too many times.

What does kerning mean quizlet? ›

Kerning. Definition. Spacing between characters in a proportional font, usually to achieve a visually pleasing result.

What describes kerning? ›

In typography, kerning is the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result. Kerning adjusts the space between individual letterforms while tracking (letter-spacing) adjusts spacing uniformly over a range of characters.

Top Articles
Latest Posts
Article information

Author: Manual Maggio

Last Updated:

Views: 5778

Rating: 4.9 / 5 (69 voted)

Reviews: 84% of readers found this page helpful

Author information

Name: Manual Maggio

Birthday: 1998-01-20

Address: 359 Kelvin Stream, Lake Eldonview, MT 33517-1242

Phone: +577037762465

Job: Product Hospitality Supervisor

Hobby: Gardening, Web surfing, Video gaming, Amateur radio, Flag Football, Reading, Table tennis

Introduction: My name is Manual Maggio, I am a thankful, tender, adventurous, delightful, fantastic, proud, graceful person who loves writing and wants to share my knowledge and understanding with you.