Brand typography is the system of typefaces and the rules for using them that gives your words a consistent voice across everything you publish. It’s the most overlooked half of a brand identity — people obsess over the logo and then set the website in whatever font came with the template. Yet type carries more of your message than colour does, because it’s literally what people read. This guide covers the fundamentals — choosing typefaces, building hierarchy, getting legibility right — and the practical traps around licensing and web performance that catch businesses out.
The main type categories
Before choosing, it helps to know what you’re choosing between. Brand typography draws from four broad families:
- Serif — letters with small feet or strokes at the ends. Reads as established, editorial, trustworthy. Common in finance, law, publishing and heritage brands.
- Sans serif — no feet, cleaner lines. Reads as modern, neutral and clear. The default for tech, startups and most interfaces because it stays legible at small sizes on screen.
- Slab serif — serifs that are thick and blocky. Reads as confident, sturdy and a bit characterful. Good for strong headlines.
- Script — mimics handwriting or calligraphy. High personality, low legibility, so it’s an accent at best — never body text, rarely more than a logo or a single line.
You’re not picking a category for its own sake; you’re matching the typeface’s tone to your brand’s personality. A precise, clinical brand and a warm, crafted one should not be reaching for the same font.
Choosing a display and a body typeface
Most brand type systems run on two roles, sometimes filled by one versatile family, sometimes by two:
- Display / primary — used large, for headlines, hero statements and the logo lockup. It can carry more personality because it appears in short bursts at big sizes.
- Body / text — used small and in volume, for paragraphs, captions and interface text. Here legibility beats character every time. A body typeface that’s too quirky exhausts the reader.
The two should have a clear relationship — either deliberately contrasting (a serif display with a sans body) or harmonising (two members of the same superfamily). What you want to avoid is two typefaces that are similar but not the same; that reads as a mistake rather than a choice.
Legibility: x-height and other practical factors
Legibility is a technical property, not a matter of taste, and a few measurable things drive it:
- X-height — the height of a lowercase “x” relative to the capitals. Typefaces with a generous x-height stay readable at small sizes and on screens, which is why they dominate UI work. A small x-height can look elegant but disappears in body copy.
- Letter spacing and counters — open shapes and well-spaced letters read faster than tightly drawn ones.
- Weight range — a family with several weights (light, regular, medium, bold) gives you tools to build hierarchy without changing typeface.
Always test a candidate in real content — a full paragraph at actual size on a phone — not just the name set in 120px. Type that looks gorgeous as a specimen can fall apart as body copy.
Type scale and hierarchy
Hierarchy is how a reader knows what’s a headline, what’s a subhead and what’s body without thinking about it. You create it with a type scale — a consistent set of sizes, rather than picking arbitrary numbers each time.
- Choose a base body size (often around 16px on web for comfortable reading) and build up and down from it using a consistent ratio so the steps feel related.
- Limit the number of sizes. A handful of well-chosen steps is easier to apply and looks more disciplined than a dozen near-identical ones.
- Use weight, size and spacing together to signal hierarchy — a bold, larger headline with more space around it does the job without needing a second typeface.
A defined scale is what makes a brand’s documents look consistent even when different people make them.
Licensing: the trap that catches businesses out
This is where good intentions turn into legal and financial risk. Fonts are software, and you license them for specific uses. The same typeface is usually sold under separate licences:
- Desktop — to install on machines and create artwork (print, PDFs, logos).
- Web — to serve the font on a website, often priced by monthly page views.
- App / e-book / broadcast — embedding in software, products or video, each typically a separate licence.
The trap is using a font beyond what you paid for — pulling a “free for personal use” font into commercial work, embedding a desktop-only font on a high-traffic site, or inheriting unlicensed fonts from a freelancer. Foundries do audit, and back-licensing plus penalties can cost far more than buying correctly at the start. Always check the licence covers every place you’ll use the type, keep proof of purchase, and make sure any vendor hands over properly licensed files. Build this into the brief and it never becomes a problem.
Web font performance, system fonts and custom type
On the web, type is also a performance decision. Loading several font files and many weights slows the page and can cause text to flash or shift as fonts swap in. Practical discipline:
- Ship only the weights and styles you actually use, in modern formats like WOFF2, and subset to the characters you need.
- Set a sensible font-display behaviour so text stays visible while custom fonts load.
On options: system fonts (the ones already on a user’s device) cost nothing and load instantly but offer no distinctiveness. Open-source libraries like Google Fonts give wide, well-licensed choice for screen and are a sensible default for many SMEs — though hosting them yourself can be better for privacy and speed. A custom or exclusively-licensed typeface gives genuine ownership and distinctiveness but costs more and demands stricter management. Match the choice to your budget and how much typographic distinctiveness your brand truly needs.
Building the brand typography system
Pulling it together, a brand type system specifies the typefaces and their roles, the licences held, the type scale and hierarchy, the approved weights, and rules for line length, line height and spacing. Document it alongside your colour and logo rules so anyone making something on the brand starts from the same place. This is exactly the kind of system we build as part of our branding and design work, and you can see it applied across projects in our work portfolio.
Frequently asked questions
Can I use any font I download for free?
No. Many free fonts are licensed for personal use only, and even commercially free ones have terms. Using a font beyond its licence — or embedding a desktop-only font on a busy website — is a real legal and financial risk. Check the licence covers every use and keep proof.
How many typefaces should a brand use?
Usually one or two — a display face and a body face, or a single versatile family used across weights. More than that gets hard to keep consistent and slows your website. Build variety from weight and size, not from extra typefaces.
Are Google Fonts good enough for a brand?
For many businesses, yes. They’re well-licensed for web, free and load reliably. A custom or exclusively-licensed typeface buys distinctiveness and ownership, which is worth it when type is central to standing out — but it’s not essential for every brand.
Want a type system that’s legible, licensed and consistent? Get in touch and we’ll build one around your brand.
