Font Pairing Tool

Find the perfect font combinations for your next project

preview with your own text • powered by Google Fonts

Heading Font

Body Font

Heading Text

Body Text

Heading Size (48px)

Body Size (16px)

The quick brown fox

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

CSS Output

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Source+Sans+3:wght@400;700&display=swap');

.heading {
  font-family: 'Playfair Display', sans-serif;
}

.body {
  font-family: 'Source Sans 3', sans-serif;
}

Popular Pairings

Playfair Display

Source Sans 3
(Paired with Playfair Display)

Montserrat

Merriweather
(Paired with Montserrat)

Oswald

Lato
(Paired with Oswald)

Poppins

Lora
(Paired with Poppins)

Roboto

Open Sans
(Paired with Roboto)

Space Grotesk

Inter
(Paired with Space Grotesk)

Cormorant Garamond

Fira Sans
(Paired with Cormorant Garamond)

Outfit

Plus Jakarta Sans
(Paired with Outfit)