Website typography: how fonts affect client trust

In 2012, The New York Times ran an inconspicuous experiment. More than 45,000 readers read the same paragraph and said whether they believed it. The text was identical. Only one thing differed — the font. And one of the six fonts was noticeably more convincing than the others.

I’ll tell you which one below. First, let’s look at why a font affects a client’s decision at all, which fonts to choose for a website, how to fine-tune even the simplest font so it looks expensive, and where to find pairings already tested by designers. And at the end — a selection of free fonts for 8 niches.

Why fonts affect trust

A visitor doesn’t read a website — first, they scan it. In the first few seconds, the brain judges whether the company looks reliable, before the person has read a single sentence. And the font is one of the first things that shapes that impression.

In a large-scale study of website credibility, the Stanford Persuasive Technology Lab analysed feedback from more than 2,600 people. 46% of comments about credibility referred to the website’s appearance: design, layout, fonts and colours. The study’s lead, B.J. Fogg, summed it up: people judge credibility by how a website looks.

A font is the voice of your brand. Clients “hear” it before they read the words.

• Readability = respect. If text is hard to read, people feel nobody thought about them.
• Consistency = order. The same fonts and sizes across the website signal that everything in the company is under control.
• Fit = honesty. A font should “speak” in the same tone as the business. A law firm with a cartoonish font looks unserious; a children’s centre with a stern one looks cold.

The “unusual font” trap

The most common mistake I see on small business websites is wanting to stand out through the font. A handwritten headline, decorative swirls, a “tech” font for a bakery. It seems to make the brand special. In reality:

• The text is harder to read — people spend more effort and leave sooner.
• The font isn’t associated with the brand — it’s just “pretty” and says nothing about you.
• Missing characters — instead of ä, ß, č, ř or ł, the browser substitutes glyphs from another font, and the text looks broken.
• The website loads more slowly — decorative fonts are often heavy.

Another argument for readability is a study by Brown University and Adobe published in 2022: the reading speed of the same people in their “fastest” and “slowest” fonts differed by 35% — without any loss of comprehension. A font literally changes how much a person manages to read before making a decision.

One font, two at most

Open the websites of big brands and you’ll notice they rarely use more than two fonts. That’s not a limitation but discipline:

• One font — the simplest and most reliable option. Hierarchy comes from size, weight and colour. This website, by the way, uses a single font — Golos Text.
• Two fonts — one for headings (with character), another for body text (as readable as possible). The classic is pairing a serif with a sans-serif.
• Three or more — the website starts to look like a collage, the brand gets diluted and pages load more slowly.

Every new font on a website is another voice in the conversation with the client. When everyone talks at once, nobody is heard.

And most importantly: the same fonts should be used everywhere — on the website, on social media, in presentations, proposals and on business cards. That’s how a brand becomes recognisable.

Google Fonts: a free foundation for any brand

You don’t have to buy fonts to have good typography. Google Fonts is a library of thousands of free fonts under open licences: you can use them on a website, in advertising, on social media and in print without paying.

How to choose a font in 5 minutes

1. Open fonts.google.com and use the Language filter to choose the languages your website will be in.
2. Type your real text into the preview field — your company name or website headline.
3. Be sure to check special characters: type something like “Grüße, Šťastný, Łódź”. If any letter looks “foreign”, the font won’t do.
4. See how many weights the font has: for a website, ideally at least 3 — regular, medium and bold.
5. Check the font at a small size (14–16 px) and on a phone screen.

Pinterest: how to find ready-made pairings

Chosen a font but don’t know what to pair it with or how it will look in a real design? Pinterest helps here — a huge collection of references from designers around the world.

• Search by font name: “Montserrat font pairing”, “Playfair Display typography”, “Manrope website design”.
• Add your niche: “dental website typography”, “law firm website fonts”, “beauty salon branding fonts”.
• Save references to a separate board — it becomes a ready brief for your designer.
• Pay attention not only to fonts but also to sizes, spacing and the amount of white space around the text.

A font’s page on Google Fonts also suggests pairings — the section with popular pairs shows which fonts it’s most often used with.

The secret: how to make a simple font look expensive

Here’s what separates a professional website from an amateur one using the same font. A font can be fine-tuned — and it’s the fine-tuning that gives the “expensive” look people attribute to design.

An example from this website: headings are set in Golos Text with letter spacing of −5% and line height of about 1.0. The same free font without fine-tuning would look much plainer.

The experiment’s result: which font convinced people best

Let’s return to Errol Morris’s experiment for The New York Times. Readers were shown the text in one of six fonts: Baskerville, Computer Modern, Georgia, Helvetica, Comic Sans and Trebuchet. The winner was Baskerville — a classic serif. People were slightly more likely to agree with a statement set in it.

To be honest, the difference was small, and Morris himself admitted it wasn’t a rigorous scientific experiment. But the takeaway is entirely practical — a classic, calm and familiar font inspires more trust than a “fun” or unusual one. That’s why banks, lawyers and medical clinics so often choose restrained fonts.

A selection of free fonts for 8 niches

All the fonts below are from Google Fonts, free for commercial use, and most of them cover Latin Extended (the special characters of most European languages). Still, check the characters of your language on your own text before choosing.

• Universal lifesavers for any niche: Inter, Manrope, Montserrat, Golos Text, Onest. It’s hard to go wrong with them.
• Fonts with character (Unbounded, Playfair Display, Cormorant Garamond, Prata) — only for large headings, not for paragraphs.
• Handwritten fonts (such as Caveat) — one or two accents at most, never for body text.

Fonts and website speed

Every font and every weight is a separate file the browser has to download. So:

• limit yourself to 1–2 fonts and 2–3 weights;
• load only the character sets you need (for example, Latin + Latin Extended);
• host the font files on your own server — the website doesn’t depend on third-party services and loads faster (in the EU, this also avoids sending visitors’ IP addresses to Google);
• show the text immediately while the font is still loading, so the page isn’t blank.

Website typography checklist

• No more than two fonts on the website.
• The font supports all the special characters of your languages (ä, ß, č, ř, ł and so on).
• The font matches the tone of the business.
• Body text is 16–18 px with a line height of 1.4–1.6.
• Large headings are tighter: reduced letter spacing and line height.
• 2–3 weights for the whole website.
• Sufficient contrast between text and background.
• The same fonts on social media, in presentations and documents.
• The website has been checked on a phone.

Conclusion

Typography isn’t about “pretty letters” but about trust. A readable font that matches the character of the business, one or two fonts for the whole brand and careful spacing make a website look professional even with free fonts. Leave “unusualness” to your ideas and copy — that’s where it works for you.

If you want fonts, colours and copy to work together, start with the article “AI for website copy” or look at examples of my work.