Browse curated Google Fonts pairings for headings + body. Click any pair to see a live preview and copy CDN + CSS.
Playfair Display — Heading
Source Sans Pro — body text. The quick brown fox jumps over the lazy dog.
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Source+Sans+Pro:wght@400;600&display=swap" rel="stylesheet">h1, h2, h3, h4 {
font-family: 'Playfair Display', serif;
}
body, p {
font-family: 'Source Sans Pro', sans-serif;
}