Typography guides
Practical, jargon-free advice on choosing, pairing and using fonts.
How to Pair Fonts: 7 Rules That Actually Work
A practical, no-nonsense guide to combining typefaces: contrast, superfamilies, x-height, weights and how many fonts to use — with live Google Fonts examples.
Read guide →Serif vs Sans Serif Fonts: Differences and When to Use Each
What is the difference between serif and sans serif fonts? Learn how each affects readability, tone and branding, with live examples from Google Fonts.
Read guide →The Best Google Fonts for Websites (2026 Edition)
Our picks of the best free Google Fonts for websites in 2026 — for body text, headings, UI and branding — with live previews and pairing ideas.
Read guide →Font Size, Weight and Line Height: A Guide to Typographic Hierarchy
How to set font sizes, weights, line height and line length so your font pairing reads clearly. Practical CSS values and a simple type scale.
Read guide →How to Add Google Fonts to Your Website (and Keep It Fast)
Step-by-step: add Google Fonts with a link tag, @import or self-hosting, load only the weights you need, and avoid layout shift and slow pages.
Read guide →