Google Fonts Pair Finder
Find perfect font pairings from popular Google Fonts. Preview and copy the CSS.
The quick brown fox jumps over the lazy dog
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.
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+3&display=swap');/* Heading */
font-family: 'Playfair Display', sans-serif;
/* Body */
font-family: 'Source Sans 3', sans-serif;About Google Fonts Pair Finder
Google Fonts Pair Finder shows you how 30+ popular Google Fonts look together in heading and body text combinations. Browse curated pairings or pick any two fonts and preview them together with sample headings, paragraphs, and captions.
Font pairing is a subtle art — a sans-serif heading with a serif body, a bold display font with a clean readable base, or a monospace font with a geometric sans. Finding a great combination usually takes trial and error. This tool makes it fast.
Copy the Google Fonts import link and CSS font-family declarations for your chosen pairing.
Features
- ✓30+ popular Google Fonts
- ✓Curated pairing recommendations
- ✓Preview with heading, body, and caption text
- ✓Custom text preview input
- ✓Copy @import link and CSS
Common Use Cases
- →Finding a font pair for a new website or brand
- →Choosing typography for a blog or content site
- →Experimenting with display and body font combinations
- →Getting inspiration from curated pairings