Font Pair Generator

Discover beautiful Google Fonts pairings. Preview heading and body text combinations, and copy ready-to-use CSS.

20.9Kuses

8.9/10(254)

Elegant

Classic serif heading with modern sans body. Great for editorial sites.

H:42

B:16

The Quick Brown Fox Jumps Over The Lazy Dog

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line spacing, and letter spacing.

Heading: Playfair DisplayBody: Source Sans 3

CSS Code

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

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

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

22 Font Pairs

Recommended Products

🎨Color GuidesShop →✏️Drawing TabletsShop →🖍️Color Pencil SetsShop →📚Design BooksShop →🎨Pantone BooksShop →💻Laptop StandsShop →🖱️Wireless MouseShop →🔌USB-C HubShop →👓Blue Light GlassesShop →🖥️Desk PadShop →

Affiliate Disclosure: As an Amazon Associate, ToolBird earns from qualifying purchases. Links above are affiliate links — if you buy through them, we may earn a small commission at no extra cost to you.

Disclaimer: This tool is provided as-is for informational and educational purposes only.