Font Pair Suggester

Discover beautiful Google Font pairings. Preview with your own text and copy ready-to-use CSS import snippets.

All (18)
modern (5)
classic (5)
playful (4)
minimal (4)
Playfair Display + Source Sans 3
Elegant serif heading with clean humanist body
classic
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Playfair Display', serif;

/* Body */
font-family: 'Source Sans 3', sans-serif;
Montserrat + Merriweather
Geometric sans with warm serif body
modern
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Merriweather:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Montserrat', serif;

/* Body */
font-family: 'Merriweather', sans-serif;
Raleway + Lato
Elegant thin heading with friendly body
minimal
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&family=Lato:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Raleway', serif;

/* Body */
font-family: 'Lato', sans-serif;
Oswald + PT Serif
Condensed strong heading with classic body
modern
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=PT+Serif:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Oswald', serif;

/* Body */
font-family: 'PT Serif', sans-serif;
Lora + Open Sans
Literary serif heading with versatile body
classic
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@700&family=Open+Sans:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Lora', serif;

/* Body */
font-family: 'Open Sans', sans-serif;
Pacifico + Quicksand
Fun retro heading with rounded body
playful
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Pacifico:wght@400&family=Quicksand:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Pacifico', serif;

/* Body */
font-family: 'Quicksand', sans-serif;
Abril Fatface + Poppins
Bold display heading with geometric body
playful
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface:wght@400&family=Poppins:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Abril Fatface', serif;

/* Body */
font-family: 'Poppins', sans-serif;
Nunito + Nunito Sans
Consistent rounded family for clean UI
minimal
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@800&family=Nunito+Sans:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Nunito', serif;

/* Body */
font-family: 'Nunito Sans', sans-serif;
Cormorant Garamond + Proza Libre
High contrast classic with readable body
classic
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&family=Proza+Libre:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Cormorant Garamond', serif;

/* Body */
font-family: 'Proza Libre', sans-serif;
Space Grotesk + Inter
Quirky tech heading with neutral body
modern
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=Inter:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Space Grotesk', serif;

/* Body */
font-family: 'Inter', sans-serif;
Josefin Sans + Josefin Slab
Geometric heading matched with slab body
minimal
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Josefin+Slab:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Josefin Sans', serif;

/* Body */
font-family: 'Josefin Slab', sans-serif;
Righteous + Varela Round
Retro display with friendly rounded body
playful
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Righteous:wght@400&family=Varela+Round:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Righteous', serif;

/* Body */
font-family: 'Varela Round', sans-serif;
DM Serif Display + DM Sans
Sharp serif heading with clean body
modern
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@400&family=DM+Sans:wght@400;500;700&display=swap');

/* Heading */
font-family: 'DM Serif Display', serif;

/* Body */
font-family: 'DM Sans', sans-serif;
Cinzel + Fauna One
Roman capitals with soft body text
classic
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Fauna+One:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Cinzel', serif;

/* Body */
font-family: 'Fauna One', sans-serif;
Bebas Neue + Roboto
All-caps condensed with versatile body
minimal
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400&family=Roboto:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Bebas Neue', serif;

/* Body */
font-family: 'Roboto', sans-serif;
Fredoka One + Nunito
Chunky rounded heading with friendly body
playful
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Fredoka One', serif;

/* Body */
font-family: 'Nunito', sans-serif;
Crimson Text + Work Sans
Literary old-style with modern body
classic
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@700&family=Work+Sans:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Crimson Text', serif;

/* Body */
font-family: 'Work Sans', sans-serif;
Exo 2 + Ubuntu
Futuristic geometric with humanist body
modern
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Show CSS snippet
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@700&family=Ubuntu:wght@400;500;700&display=swap');

/* Heading */
font-family: 'Exo 2', serif;

/* Body */
font-family: 'Ubuntu', sans-serif;