Font Pairing Previewer

Find perfect Google Font pairings with live preview and export CSS.

CURATED PAIRINGS

/* Import from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Source+Serif+4:wght@400;600&display=swap');

h1, h2, h3 {
  font-family: 'Playfair Display', serif;
}

body, p {
  font-family: 'Source Serif 4', sans-serif;
}