Fonts Are Doing More Damage Than You Realise — And Your Conversions Are Paying the Price

There's a particular kind of frustration that comes from a website that looks fine but simply doesn't perform. Traffic's decent. The layout seems clean enough. And yet the enquiry form sits there like a forgotten kettle — occasionally used, mostly ignored.

Nine times out of ten, when we dig into the data on sites like this, typography is either the culprit or a significant accomplice. Not the dramatic stuff — not Comic Sans on a solicitor's homepage — but the subtle, accumulated weight of small typographic decisions that nobody ever flagged as a problem.

Let's get into it.

The Invisible Tax on Every Sentence Your Visitor Reads

Here's something worth sitting with: the average visitor to a UK business website makes a subconscious judgement about readability within the first 200 milliseconds of the page loading. Before they've read a word. That judgement is driven almost entirely by visual rhythm — how text is spaced, how it flows, whether the eye can move comfortably down the page without friction.

Line height — or leading, if you want the proper typographic term — is one of the biggest offenders. The browser default is around 1.2, which is effectively designed for technical documents, not persuasive web copy. Most UX research points to 1.5 to 1.7 as the sweet spot for body text on screens. That's not a minor stylistic preference. Sites that shift from cramped 1.2 leading to a more generous 1.6 regularly see measurable improvements in time-on-page, sometimes by 15 to 20 percent.

More time on page means more of your message gets absorbed. More message absorbed means a warmer, better-informed visitor hitting that contact button.

Kerning Isn't Just for Designers Who've Had Too Much Coffee

Kerning — the spacing between individual letter pairs — tends to get dismissed as the kind of thing only obsessive graphic designers lose sleep over. But badly kerned display text (think homepage headlines and service titles) creates a subtle visual dissonance that erodes trust without the visitor ever knowing why.

The brain is extraordinarily good at detecting when something feels slightly off, even when it can't name the cause. Awkward letter spacing in a headline reads as carelessness. And if your site feels careless in its details, visitors will — quite rationally — wonder whether your service is careless in its details too.

For Surrey businesses especially, where the competition often includes well-resourced London agencies with polished brand identities, these micro-details genuinely matter. You're not just competing on price or proximity. You're competing on perceived professionalism, and typography is one of the fastest ways to signal it.

Font Loading: The Performance Problem Nobody Talks About

This is where typography stops being a design conversation and becomes a technical one — and it's where a lot of agencies fall short.

Custom web fonts are brilliant for brand consistency. Google Fonts, Adobe Fonts, self-hosted typefaces — they all have their place. But how those fonts load can absolutely tank your Core Web Vitals scores, particularly your Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS) metrics.

Here's what happens on a poorly optimised site: the page loads, the browser requests the font file from an external server, there's a brief flash of unstyled or fallback text, and then the correct font snaps into place. That's CLS — layout shift — and Google measures it. More importantly, users feel it, even if they don't consciously register it. It makes the page feel unstable. Unfinished. Slightly dodgy.

The fixes are well-established but frequently skipped:

• Preload your key font files using <link rel="preload"> in the document head
• Use font-display: swap so text remains visible during font loading rather than disappearing
• Self-host your fonts where possible to eliminate third-party DNS lookup delays
• Subset your fonts — if you're only using Latin characters, there's no reason to load a 400kb file containing Cyrillic and Greek glyphs as well

On one client project we worked on — a professional services firm based just outside Dorking — addressing font loading alone dropped their LCP from 4.1 seconds to under 2.3 seconds on mobile. That's not a marginal gain. That's the difference between passing and failing Google's performance thresholds, and it directly affects both organic search rankings and the patience of every mobile visitor.

Too Many Fonts, Too Little Focus

Another pattern that crops up constantly: the multi-font sprawl. A heading font here, a body font there, a third face for pull quotes, maybe a fourth for button labels because someone decided it needed to feel distinct.

Each additional font family is an additional HTTP request, additional render-blocking potential, and additional visual noise. The general rule — two typefaces maximum, with clear hierarchical roles — exists for very good reasons. One for headings, one for body. Done. Every variation in weight, size, and colour within those two families gives you more than enough expressive range without the performance overhead.

We've audited sites loading six separate font families. Six. The cumulative weight of those requests, combined with the visual incoherence they created, was doing genuine damage to both performance scores and brand perception.

Size, Contrast, and the Quiet Exclusion Problem

Small body text is still surprisingly common. 14px might have been acceptable in 2012 when everyone was on a desktop monitor with perfect vision, but on today's devices — and for today's audiences, which increasingly skew older — 16px should be your floor for body copy, with 18px often being the more comfortable choice.

Contrast is equally critical. Light grey text on a white background is a design trend that peaked around 2015 and has been quietly failing users ever since. WCAG AA compliance requires a contrast ratio of at least 4.5:1 for normal text. Plenty of otherwise attractive sites fall below this, creating real barriers for users with visual impairments and degrading the reading experience for everyone else in anything other than ideal lighting.

If you're reading this on your phone in a bright café, you already know what we mean.

The Compounding Effect

None of these issues exist in isolation. A site with slightly cramped line height, a couple of poorly-loaded font families, and body text that's a touch too small and low-contrast is a site that's fighting its visitors at every step. Each friction point is small. Together, they create an experience that feels subtly exhausting — and visitors respond by leaving.

The encouraging flip side is that typography fixes are often among the most cost-effective improvements you can make to an existing site. You're not rebuilding the architecture. You're tuning the instrument. And when you get it right, the difference in how visitors move through your content — and how many of them actually get in touch — can be significant.

If your website looks decent but isn't converting the way it should, it might be worth having someone take a hard look at the type. Sometimes the sharpest craft is in the details nobody else bothered to check.