What Is Kerning, and Why Does It Matter for Your Website?

If you’re learning about typography and how to choose fonts for your website, you’ll probably encounter the term “kerning.” What is kerning? This is a key concept that can drastically impact the way your website looks, so it’s important to understand kerning best practices as you build an online presence for your business, blog, or other endeavor.

What is kerning, exactly?

Kerning is the amount of space between characters of any given font. For the sake of readability, it’s important that letters don’t overlap, but they also shouldn’t be too far apart, since this can look awkward and be confusing for readers.

Most fonts have a default kerning, and though they typically look fine as-is, some letter combinations might be too close or too far apart. In these cases, it’s important to adjust the kerning to improve legibility and appearance. Overall, the goal should be for letters to look equally spaced — even if they aren’t.

Does kerning matter on websites?

It’s no secret that internet users prefer beautifully designed websites. Surveys have found that 38 percent of people will actually stop engaging with a website if they think the design or content is unattractive, according to HubSpot. As such, it’s important to take the steps necessary to ensure that your website is visually appealing — and kerning can greatly affect that.

Standard fonts usually look fine without kerning adjustments, but if you choose an unconventional or decorative font on your website, you’ll want to ensure the kerning is easy to read — be sure to check its appearance on mobile devices as well. In particular, loopy script fonts often need adjusting, since certain letter combinations may overlap, which can look messy and unprofessional.

Editing fonts on WordPress.com

If you host your website on WordPress.com, you shouldn’t have to worry too much about kerning, since fonts are automatically designed to look their best. Themes on WordPress.com come with preset fonts that are carefully chosen to make your site look polished and professional. If needed, you can also use your site’s Customizer to change the font of both your headings and body text to better suit your brand.

However, if something looks off and you want to tweak the appearance of a font, you can use custom CSS to adjust the spacing between letters. Note that CSS editing is only available to Premium, Business, and Pro plan owners.

Luckily, when you host your site on WordPress.com, you don’t have to worry about these more technical aspects of typography. Instead, you can focus on creating quality content that will keep your audience engaged and coming back for more.


Camryn Rabideau

Camryn Rabideau is freelance writer specializing in digital lifestyle content, ranging from pop culture to smart home technology. Camryn has contributed to popular media sites such as InStyle, Taste of Home, Martha Stewart, Food52, USA Today, The Spruce and more.

More by Camryn Rabideau

%d bloggers like this: