Most business owners ask for opinions about logos, colours, and imagery when they brief a website. Very few ask about typography. This is a missed opportunity, because typography does more visual work on a website than any other single element. The choice of typefaces, sizes, and spacing decides whether a site feels expensive, considered, and trustworthy, or amateur and template-ish.
Good typography is invisible. Bad typography is also invisible to the casual eye, but it leaks a sense of “this brand is not quite together” that lowers perceived quality without anyone being able to articulate why. Here is what good typography on a website actually looks like, and how to get there without becoming a designer.
Two typefaces, not five
The amateur mistake on most websites is using too many fonts. A serif headline, a sans-serif body, a script for the logo, an italic for quotes, and a separate font for buttons. The result looks like a typography sampler rather than a brand.
The professional default is two typefaces. One for headlines (more characterful, sets the brand’s personality), one for body copy (workhorse, reads well at small sizes). Sometimes a third for very specific uses like data tables or code. Anything beyond that needs a strong reason.
Serif vs sans-serif is not the question
The old rule that serifs are formal and sans-serifs are modern is dated. In 2026, a well-set serif can look more contemporary than a poorly-set sans-serif, and vice versa. The real questions are: does this typeface have enough weights to handle every use case (regular, bold, light, italic at minimum)? Does it render well at the sizes the design uses? Does it suit the tone of the brand?
Sydney Morning Herald uses serifs and feels authoritative. Stripe uses sans-serifs and feels precise. Both look expensive. The choice between serif and sans-serif is less important than the choice of a typeface that has been designed with care.
Size and hierarchy
A good type system has a clear scale. A typical modular scale for a business site might run: 12px (captions), 16px (body), 18px (lead paragraphs), 24px (H3), 32px (H2), 48px (H1), 64px (hero headline). Each step is a deliberate multiplier of the one below.
Sites that pick sizes ad-hoc (“this heading needs to be a bit smaller”, “this one a bit bigger”) end up with eleven different sizes across the site and no visual rhythm. Lock the scale early, then resist the urge to invent new sizes.
Line height matters more than you think
The space between lines of text (line-height in CSS) is one of the most underestimated factors in typography. Body copy at 1.5 to 1.7 line-height feels relaxed and easy to read. Body copy at 1.2 feels cramped and amateur. Headlines often want tighter line-height (1.1 to 1.2) to feel solid.
Most stock WordPress themes ship with 1.5 line-height and never get tuned. The improvement from spending half an hour adjusting line heights across the site is consistently visible.
Measure: the length of a line
Optimal reading line length is between 50 and 75 characters per line. Wider than that, the eye loses track of which line it is on. Narrower, the rhythm gets choppy.
On a typical WordPress site, the body content column should be roughly 680 to 780 pixels wide for comfortable reading. Sites that let copy stretch the full width of the screen on a desktop monitor are unintentionally making the reading experience worse.
Free fonts that look expensive
Quality fonts are no longer a budget question. Google Fonts and Bunny Fonts both host thousands of typefaces for free. A few that pair particularly well for business sites in 2026: Inter (clean modern sans-serif), Manrope (slightly more characterful sans), Source Serif 4 (excellent body serif), Fraunces (high-contrast display serif), and IBM Plex (an entire family that mixes well).
You do not need paid type to look expensive. You need carefully chosen type, applied consistently.
Where most sites fail
The most common typography failure on a business site is inheriting the default styles from the theme and never changing them. The theme picked a generic font, set a generic line-height, and uses one font weight everywhere. The site is technically functional. It also looks indistinguishable from a thousand other sites running the same theme.
The fix is a one-day type pass: pick two typefaces, lock down a size scale, set line heights deliberately, constrain the body measure, and apply the changes consistently. Defyn’s web design team does this kind of type pass as part of most design refreshes, and the perceived-quality lift is usually visible inside the first day of work.
Typography is the quietest brand investment a business can make. It is also one of the highest leverage. Get it right once, and every page you publish for the next three years feels considered.
