Open the lab →
437 combinations

Google Font pairings

Hand-picked and suggested font combinations, each with a live preview and copy-ready CSS. Start with a mood:

ElegantModernEditorialFriendlyBoldTechClassicPlayful

Editor's picks

Our favourite combinations, each tested in real layouts.

Everything starts with a sketch

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HPlayfair DisplayBSource Sans 3eleganteditorial→

High-contrast Didone headlines over a calm humanist sans — the definitive editorial look.

A field guide to good ideas

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HMontserratBMerriweathermodernclassic→

A wide geometric sans for punchy headings and a sturdy screen serif built for long reads.

The future of small business

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HFrauncesBIntermodernfriendly→

Fraunces brings soft, wonky warmth to headlines; Inter keeps interfaces crisp and neutral.

The art of saying less

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HDM Serif DisplayBDM Sanselegantmodern→

A superfamily match: shared proportions, opposite personalities.

Everything starts with a sketch

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HOswaldBSource Sans 3bold→

Condensed, poster-like headings with an easy-going sans for everything else.

The art of saying less

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HAbril FatfaceBLatoboldeditorial→

Heavy fat-face drama for hero text, balanced by Lato’s friendly round shapes.

The future of small business

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HLibre BaskervilleBSource Sans 3classiceditorial→

Bookish Baskerville authority paired with a contemporary, low-key body face.

Make something people love

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HIBM Plex SerifBIBM Plex Sanstechclassic→

Engineered together — a dependable choice for docs, products and dashboards.

Stories worth reading slowly

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HCormorant GaramondBProza Libreelegant→

Elegant, fine-detailed display Garamond with a humanist sans that reads warmly.

Design is how it works

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HBebas NeueBOpen Sansbold→

All-caps impact for headings, with Open Sans doing the heavy lifting in paragraphs.

Design is how it works

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HArchivo BlackBArchivoboldmodern→

One family, two voices: blocky black headings and a neutral grotesque body.

Design is how it works

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HJosefin SansBLibre Baskervilleelegantclassic→

Vintage geometric caps meet a classic transitional serif for a refined, retro feel.

Make something people love

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HPT SerifBPT Sansclassic→

A superfamily drawn for Cyrillic and Latin alike — balanced, sober, endlessly practical.

The art of saying less

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HRoboto SlabBRobototechmodern→

Slab headings add weight and personality while sharing Roboto’s underlying skeleton.

Good things take time

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HSpectralBKarlaeditorialfriendly→

A screen-first serif with literary charm, grounded by Karla’s quirky grotesque.

The art of saying less

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HEB GaramondBInterclassiceditorial→

Old-style Garamond for a literary voice; Inter for UI-grade clarity.

A field guide to good ideas

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HNewsreaderBIntereditorial→

A newsroom serif tuned for headlines and text, with a neutral interface sans.

A field guide to good ideas

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HInstrument SerifBInterelegantmodern→

Condensed, stylish serif headlines that feel current, on top of a workhorse sans.

Built for the long run

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HBricolage GrotesqueBSource Serif 4playfuleditorial→

An expressive grotesque headline with a highly readable modern serif body.

Notes from the studio

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HSpace GroteskBIntertechmodern→

Techy, slightly quirky headings with a neutral body — great for startups and SaaS.

Built for the long run

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HSyneBInterboldplayful→

Avant-garde, wide display letterforms tamed by a quiet, legible body.

Design is how it works

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HPoppinsBLorafriendlymodern→

Clean geometric headings with a calligraphic serif that adds warmth to long text.

Built for the long run

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HLoraBRalewayelegant→

Brushed-curve serif headings with an elegant, thin-stroked sans.

Everything starts with a sketch

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HPacificoBOpen Sansplayfulfriendly→

A playful retro script for logos and hero lines; keep it short and let Open Sans read.

Design is how it works

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HCaveatBNunitoplayfulfriendly→

Handwritten notes and a rounded sans — friendly, informal, approachable.

Where craft meets code

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HLobsterBCabinplayful→

A bold connected script for headlines, with Cabin’s humanist clarity underneath.

The art of saying less

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HUltraBSlabo 27pxboldeditorial→

Chunky slab headlines and a compact slab text face for a confident, newsy tone.

Stories worth reading slowly

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HCinzelBRalewayelegantclassic→

Roman-inscription capitals for a classic, upscale feel, with a slender modern sans.

Stories worth reading slowly

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HBodoni ModaBJostelegant→

Fashion-magazine Bodoni contrast with a Futura-inspired geometric sans.

Ideas that travel well

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HPrataBLatoelegant→

A crisp Didone for luxury headings with a warm, neutral sans body.

A field guide to good ideas

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HUnboundedBManropeboldtech→

Wide, rounded display type for bold brands, paired with a modern grotesque.

Where craft meets code

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HAntonBInterbold→

Tall, condensed impact headings with a clean contemporary sans.

Everything starts with a sketch

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HZilla SlabBOpen Sansfriendlyeditorial→

A contemporary slab with personality, set against a universally readable sans.

The art of saying less

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HMarcellusBMulishelegant→

Flared, classical capitals with a minimalist sans — calm and sophisticated.

Everything starts with a sketch

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HOutfitBLiteratamoderneditorial→

A geometric sans for headings with a serif designed for long-form digital reading.

Built for the long run

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HPlus Jakarta SansBSource Serif 4modern→

A modern, slightly condensed sans for UI and headings over a refined text serif.

Built for the long run

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HAlfa Slab OneBOpen Sansbold→

A heavy slab for strong, vintage-flavoured headlines with a neutral sans.

The future of small business

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HJetBrains MonoBIntertech→

Monospace headings and labels give a developer feel; Inter handles the reading.

Everything starts with a sketch

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HSpace MonoBWork Sanstechplayful→

A retro-futurist mono for accents and headings with a grotesque built for screens.

Ideas that travel well

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HCrimson ProBWork Sansclassic→

A Garamond-inspired text serif with a grotesque — classic and contemporary.

The art of saying less

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HMerriweatherBOpen Sansclassicfriendly→

Two of the most-read screen fonts on the web — sturdy, safe and highly legible.

Stories worth reading slowly

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HRalewayBMerriweatherelegant→

Elegant thin-stroke headings with a robust serif for comfortable paragraphs.

Where craft meets code

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HRubikBKarlafriendly→

Softly rounded corners on headings with a quirky grotesque for body text.

The future of small business

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HSoraBSource Serif 4moderntech→

A geometric tech sans with a serif that keeps long text comfortable.

More font combinations