Google Font Pairings: Guides for Popular Fonts
These guides collect Google font pairings for popular fonts. Each one covers a single font and the fonts that pair best with it, with a live preview of every combination. Start with the font you already use, or build your own pair in the generator on the homepage.
Font Pairing Guides
One guide per font, each with six tested pairings, a comparison table and answers to common questions.
- Montserrat Font PairingMerriweather, Lora and Source Serif 4 under a wide geometric sans.
- Inter Font PairingExpressive serif headings over the most readable screen sans.
- Poppins Font PairingWarm serifs and clean sans fonts for a round, friendly heading font.
- Fonts That Pair Well with Barlow CondensedReadable body fonts for a tall, narrow headline face.
- Canva Font PairingsFive Canva-ready pairs, from Playfair Display and Lato to Poppins and Open Sans.
How to Choose a Font Pairing
A good font pairing gives each font one job. One font sets the headings and gives the page its personality; the other sets the body text and does the reading. The two should look clearly different, so readers can tell headings from text at a glance, but share enough in their proportions that the page still feels like one design.
The most dependable way to get that contrast is to mix categories: a serif with a sans serif. Merriweather under Montserrat headings, or Source Sans 3 under Playfair Display headings, are classic examples. Pairs from one type family, such as DM Serif Display with DM Sans, are a safe shortcut, because the designers built them to match.
Start with the body font, since it carries most of the reading. It needs a regular and a bold weight, an italic, and comfortable spacing at 16 to 18 pixels. Then choose a heading font that suits the tone of the site, and check the pair at real sizes with the full-screen preview.
Font Pairings by Type of Site
The right pairing depends on what the site is for. These starting points match the questions in the generator’s site wizard.
Blogs and Content Sites
Long articles need a body font built for reading. Sturdy serifs such as Merriweather, Lora and Source Serif 4 work well, under a clean sans for headings. Montserrat and Merriweather is the most common choice.
Business and Product Sites
Clarity matters most. An all-sans pairing, such as Poppins headings over Inter body text, looks modern and works in interfaces as well as articles.
Shops and Brands
A shop needs personality in headings and clean, small text for prices and product details. A high-contrast serif such as Playfair Display over a neutral sans gives that balance.
Portfolios and Studios
Portfolios can take more risk. A display serif such as Instrument Serif or Fraunces over Inter gives a design-led look without hurting readability.
Popular Google Font Pairings
These combinations appear again and again in font pairing roundups, which makes them a safe place to start. The ones with a full guide are linked above.
| Heading Font | Body Font | Style |
|---|---|---|
| Montserrat | Merriweather | Geometric sans over a sturdy serif |
| Playfair Display | Source Sans 3 | High-contrast serif over a clean sans |
| Oswald | Open Sans | Condensed sans over a humanist sans |
| Roboto Slab | Open Sans | Slab serif over a humanist sans |
| Montserrat | Lora | Geometric sans over a calligraphic serif |
| Raleway | Open Sans | Elegant sans over a neutral sans |
| Poppins | Lora | Round sans over a warm serif |
Matching Weights and Sizes
Even a good pair can look wrong if the weights and sizes are off. Heading fonts usually look best at 600 or 700; very heavy weights can overpower a light serif body, and very thin weights disappear at small sizes. Body text should sit at 400, with 700 for bold and a true italic for emphasis rather than a slanted copy the browser fakes.
Fonts with different x-heights also look different sizes at the same pixel value. A sans with a tall x-height, such as Inter, can look a size larger than a serif with a small x-height, such as EB Garamond. If one font looks too big or too small next to the other, adjust its size by a pixel or two rather than changing the pair. The preview uses the same scale for every pairing, so differences in x-height are easy to spot.
Common Font Pairing Mistakes
The most common mistake is pairing two fonts that are too similar, such as Montserrat with Poppins. They are close enough to look like a mistake but not identical, so the page feels slightly off. Pick fonts that differ clearly, or use one family for both roles.
The second is using more than two fonts. A third font can work when it has a clear job, such as a monospace font for code, but more than that usually looks unplanned and adds files to download. The third is choosing the heading font first and squeezing the body font in afterwards; since readers spend most of their time in the body text, choose it first.
Frequently Asked Questions
Quick answers about choosing Google Font pairings.
What Is the Most Popular Google Font Pairing?
Montserrat with Merriweather is one of the most widely recommended. It pairs a wide geometric sans for headings with a sturdy serif built for reading on screens.
How Many Fonts Should I Pair?
Two: one for headings and one for body text. Add a third only when it has a clear job, such as a monospace font for code.
Can I Pair Two Sans Serif Fonts?
Yes, if they are built differently. A geometric sans such as Poppins over a neutral grotesque such as Inter works well. Two similar geometric fonts, such as Montserrat and Poppins, do not.
Should Headings or Body Text Use the Serif?
Either works. Serif headings over a sans body feel editorial and classic; sans headings over a serif body feel modern and readable in long articles. Choose based on where you want the personality to show.
Are Google Font Pairings Free for Commercial Use?
Yes. Every font on Google Fonts is released under an open license, most often the SIL Open Font License, which allows commercial use on websites, in print and in apps.
Use These Fonts
On WordPress? Most themes, including GeneratePress, have a Typography setting where you can pick these two fonts by name instead.
How to Divide Perennials in Fall
Dividing crowded clumps every few years keeps hostas, daylilies and asters blooming. Here is when to do it, what you need, and how to replant.
- Best time
- 4 to 6 weeks before the ground freezes
- Tools
- Spade, garden fork, sharp knife
- Time needed
- About 20 minutes per clump
Most perennials slow down after a few years in the same spot. The center of the clump gets woody and crowded, the roots compete for water, and you see fewer flowers each summer. Dividing the plant fixes all three problems at once, and it gives you free plants for the rest of the garden.
Fall is the easier season for most gardeners. The soil is still warm, so new roots keep growing, while the cool air means the leaves lose less water. Plants divided in late September usually settle in well before winter, and you will notice the difference in next year’s bloom.
When to Divide
As a rule, divide spring and early summer bloomers in fall, and late bloomers like asters in spring. Give each division at least a month of root growth before the ground freezes. In zone 5, that usually means finishing by early October.
Signs a Clump Needs Dividing
- The center has died out, leaving a ring of growth.
- Flowers are fewer and smaller than last year.
- The plant has spread past its spot in the bed.
Divide in fall when the soil is still warm and the air is cool. The roots keep growing for weeks after the leaves stop.Tom Reyes, head gardener
| Plant | Divide every | Best season |
|---|---|---|
| Hosta | 3 to 4 years | Spring or early fall |
| Daylily | 3 to 5 years | Late summer |
| Bearded iris | 3 to 4 years | July to August |
| Aster | 2 to 3 years | Spring |
| Peony | Rarely needed | Late September |
How to Divide a Perennial
- Water the plant well the day before so the root ball holds together.
- Cut back the leaves to about 6 inches to make the clump easier to handle.
- Dig around the clump, 6 inches out from the stems, and lift it with a fork.
- Split it with a spade or knife so each piece has three to five growing points.
- Replant at the same depth, water deeply, and add 2 inches of mulch.
Frequently Asked Questions
Can I divide perennials while they are blooming?
You can, but the plant puts its energy into flowers instead of roots. Wait until blooms fade, or cut the flowers off when you divide.
How small can a division be?
Each piece needs healthy roots and at least one growing point. Smaller pieces take a season or two longer to fill out.
Keep Reading
Grow a Garden That Comes Back Every Year
Plant profiles, zone lists and copyable garden plans for home gardeners who want color without the constant work.
Start With Your Light
See all listsLatest Guides
All guidesThe Monday Garden Letter
One short email a week with what to plant, cut back and divide right now in your zone.
Plan Your Beds Before You Buy a Single Plant
Drag plants onto a bed drawn to scale, see what blooms each month, and get a shopping list sorted by nursery.
No credit card. Works on any device.
Beds Drawn to Scale
Set the length and width, and every plant takes up its real mature spread.
A Bloom Calendar
See which weeks the bed has color and fill the gaps before spring.
One Shopping List
Quantities, spacing and sizes, grouped by where you plan to buy.
I planned my whole front border in an evening and bought exactly what fit. Nothing died in a corner this year.
Dana K., zone 6bSimple Pricing
Questions
Does it know my growing zone?
Enter your ZIP code once and every plant shows whether it grows in your zone.
Can I print my plan?
Yes. Gardener and Designer plans export a printable layout with a plant key.
What happens if I cancel?
Your beds stay saved on the free plan, and you can export them any time.