Choosing type is one of the decisions that most changes how a product feels, and one of the easiest to get wrong. These are 25 Google Fonts pairings that work, grouped by the feeling they create. Every one is free for commercial use.
You can preview most of these as a real hero, card and paragraph in the free Font Pairing Finder.
Modern and product-focused
- Inter + Inter. One family, two weights. The default of modern SaaS for a reason.
- Manrope + Inter. Geometric headings, neutral body.
- Plus Jakarta Sans + Inter. Slightly warmer headings.
- Sora + Inter. Wide, confident headlines for landing pages.
- Archivo + Work Sans. Heavy, tight headings with an open body.
- Geist + Geist. Clean and technical, popular with developer products.
Friendly and approachable
- DM Sans + DM Sans. Low-contrast geometric, friendly at every size.
- Outfit + Nunito Sans. Rounded and warm, for consumer and education.
- Poppins + Lato. Bold geometric headlines, soft body.
- Bricolage Grotesque + Inter. Expressive headings with personality.
- Figtree + Figtree. Friendly and very legible on small screens.
Editorial
- Playfair Display + Source Sans 3. High-contrast serif headings, classic magazine feel.
- Fraunces + Inter. Soft, crafted serif headlines.
- DM Serif Display + DM Sans. A matched serif and sans family.
- Instrument Serif + Inter. Condensed elegant serif, very current.
- Syne + Inter. Wide, artsy headings for studios and portfolios.
- Cormorant Garamond + Montserrat. Luxury and fashion.
Classic and trustworthy
- Lora + Merriweather Sans. Calligraphic serif headings.
- Libre Baskerville + Open Sans. Bookish, good for finance and law.
- Merriweather + Roboto. Screen-tuned serif headings.
- Source Serif 4 + Source Sans 3. A matched superfamily.
Technical
- Space Grotesk + Inter. Quirky grotesk, quiet body.
- IBM Plex Sans + IBM Plex Serif. Engineered and precise.
- JetBrains Mono + Inter. Monospace headings that signal code.
- Space Mono + Work Sans. Retro technical.
How to choose
- Pick the mood first, then the pair. A bank and a game should not share type.
- Contrast in one dimension: serif against sans, or heavy against light. Not both.
- Test at real sizes with real copy, not a pangram.
- Two fonts maximum. One is often better.
For the rules behind these, see font pairing for UI designers. And when you see type you love on a site, save a screenshot: GetRef reads the text in it, so you can find the page again later.
Common questions
- What is the most popular Google Font pairing?
- Inter on its own, in two or three weights, is the most common choice in product design. For a heading with more character, Manrope or Plus Jakarta Sans over Inter are close behind.
- Can I use the same font for headings and body?
- Yes, and it is often the best choice for product UI. Contrast comes from weight and size instead of a second typeface.
- Are Google Fonts free for commercial use?
- Yes. They are released under open licences, mostly the SIL Open Font License, which allows commercial use.
