Font Combinations: The Complete Guide to Font Pairings

By Douglas Bonneville | Updated September 2026 | Font Combinations

Font combinations are the fastest way to make a layout look designed instead of typed. Two typefaces with the right amount of contrast give a page hierarchy, rhythm, and a voice before anyone reads a word. The wrong two fight each other, and no amount of spacing or color will fix it. This page shows you more than a hundred font pairings that work, rendered from the actual font files, and explains the small set of rules that make them work. It is meant to be the one exhaustive resource on the subject: every kind of pairing, every common use, the free Google Fonts pairs, the classic print pairs, every font on this site with its best partners, and the questions people ask most, in one place. It is long on purpose. Use the index and jump to what you need.

I have been pairing type professionally since 1992 and collecting combinations on this site since 2009. The Big Book of Font Combinations grew out of that habit, and so did its free-fonts sibling, the Preposterously Huge Book of Google Font Combinations. Everything here comes from that work. The specimens are not mock-ups: each one is set in the real fonts, at real sizes, in a headline-and-body layout. Every pairing links to a deeper article with an alternate layout, the full character sets of both fonts, and the reasons the pair holds together.

If you need an answer today, start with the twelve combinations below. If you want to build your own, read the seven rules. If you already have one font and need its partner, jump to the directory by font at the bottom. Google treats “font combinations” and “font pairings” as the same search, and so do I. Designers say both, so I use both.

12 font combinations you cannot get wrong

These twelve are the pairs I hand to people who ask “just tell me what to use.” Each one has a clear headline font and a clear body font, enough contrast to read as intentional, and enough shared structure to read as one design. Most are free on Google Fonts. Click any specimen to see the pair in a second layout with the full character sets of both fonts.

↑ Back to the index

The Big Book of Font Combinations

350+ pairings of the classic fonts, every one shown in a real layout, in print or as a PDF. The book behind this page.

Print on AmazonPDF on Gumroad

How to combine fonts: the 7 rules that matter

There are principles and methods for making font combinations, but no absolutes. Over the years I wrote down 29 principles for making great font combinations. These seven are the ones I use every day. Each rule comes with a pair that shows it.

1. Go for contrast, not concord

Combine a serif with a sans serif. The farther apart the two styles are, the better your odds. Fonts that are too similar look like a mistake: set Garamond over Sabon, or Helvetica over Univers, and the page looks like someone could not decide. You want either clear agreement (one family in two weights) or clear contrast (two different species). The murky middle is where combinations die.

A serif and a sans serif from different centuries almost always clear this bar. Garamond and Helvetica are four hundred years apart and get along fine, because neither one is trying to be the other.

2. Match the x-height and the width

Contrast in style, agreement in proportion. Look for two fonts with similar x-heights (the height of a lowercase x) and similar glyph widths. When the proportions agree, the two fonts sit on the same line without one looking bloated or shrunken next to the other. Futura with Times New Roman fails mostly on width: Futura’s round letters are wide, Times is narrow, and the line looks lumpy.

Inter and Merriweather both have tall x-heights, so the body text reads at the same apparent size no matter which one carries it. That is why so many screen layouts land on this pair or one like it.

3. Give each font one job

Assign distinct roles and commit to them. One font does headlines. The other does body text. Do not swap them halfway down the page, and do not let both fonts appear at the same size next to each other. Readers learn the system in the first two lines. A condensed headline face like Bebas Neue or Oswald over a plain body face like Roboto or Open Sans is the cleanest example: nobody confuses which is which.

If you need a third role (captions, labels, code), give it to a weight or a small-caps style of one of the two fonts before you add a third family.

4. Contrast the weight, not only the style

Two fonts that are both heavy look angry at each other on the page. Didot and Rockwell together is the classic bad example: both have a big presence, and they fight. Pair a heavy headline face with a light or regular body face, and let the difference in weight do the work. A fat display face like Cooper Black or Abril Fatface needs a quiet partner such as Work Sans or Lato, not another loud one.

The same goes for size. Get enough difference in point size between the two roles that the contrast is obvious. A 24-point headline over 16-point body is a decision. A 18-point headline over 16-point body is a shrug.

5. Look at the letter O

Find some relationship between the basic shapes. The letter O in both cases is the quickest test. Round, circular O’s (geometric sans like Futura) and tall oval O’s (old-style serifs like Garamond) do not always like each other, though a strong contrast in role can rescue them. Fonts whose O’s share a logic, both circular or both oval, tend to look related even when their styles differ.

Futura with Bodoni or Didot is the textbook case: geometric construction on one side, rational high-contrast construction on the other, and the same vertical stress and round bowls underneath. Fashion and editorial pages have paired them for a century for that reason.

6. Use two fonts. Three at the most

Most layouts need exactly two fonts. Long documents, apps with code, and invitations with a script line can justify three. Nothing needs four. Every family you add is another voice in the room, and the reader has to work out how they relate. When you catch yourself reaching for a fourth font, the problem is usually hierarchy, and the fix is a bolder weight or a bigger size of what you already have.

The 3-font rule below covers when three is right and how to make three feel like one.

7. Match the mood and the era

Typefaces have personalities, and they have dates of birth. A pairing works when both fonts agree on what the page is: formal or casual, old or new, serious or playful. Cinzel is Roman inscriptional capitals; Fauna One is a calm humanist text face. Put together they say “classical” from the first line. Put Cinzel over a rounded techno sans and the page argues with itself.

You can break this rule on purpose for tension (a Victorian slab over a clean modern sans, say), but do it once, and make it obviously deliberate.

↑ Back to the index

Those seven get you most of the way. The other twenty-two, including where to put italics, how to handle numerals, and why you should watch what makes your eyes dart around the page, are in the full list of 29 principles.

The 3-font rule, and when to break it

The 3-font rule is the working limit most designers use: one font for headlines, one for body text, and at most one more for a special role. The special role is usually an accent (a script on an invitation, a monospace face for code, a condensed face for labels and captions). The rule exists because every additional family raises the cost of reading. Two fonts are a conversation. Three is a panel. Four is a crowd.

When is three right? When the third font has a job the first two cannot do. A wedding invitation needs the names in a script and the details in something legible, and it often needs a small-caps or a sans for the address block. A developer documentation site needs a headline face, a body face, and a monospace face for code, and no two of those can share a font. A magazine spread may need a display face for the opener that would be unreadable at text sizes.

How do you make three feel like one? Three ways. Give the third font a small, consistent role and never let it grow. Pick fonts that share an era or a designer. Or use a superfamily, a set of fonts designed to go together: Source Sans and Source Serif, PT Sans and PT Serif, IBM Plex Sans, Serif, and Mono, or Roboto with Roboto Slab and Roboto Mono. A superfamily gives you contrast in style with perfect agreement in proportion, which is rule two for free.

The answer to “what three fonts go well together?” is therefore almost always: a serif, a sans serif that matches its x-height, and a monospace or script that only ever appears in one place. Two superfamily pairs, each one already two-thirds of a three-font system:

↑ Back to the index

Serif + sans serif font combinations

This is the classic pairing, and for good reason. A serif and a sans serif differ in the most visible way possible, so the contrast is never in doubt, and the reader always knows which text is which. It works in both directions: serif headline over sans body reads editorial and warm; sans headline over serif body reads modern and technical. The examples below show both. Most of these are free on Google Fonts.

↑ Back to the index

Sans + sans font combinations

Two sans serifs can work when they differ in construction, not just in name. Pair a geometric sans (Montserrat, Poppins, Futura) with a humanist or grotesque one (Open Sans, Roboto, Lato), or a condensed face with a normal-width one. What does not work is two neutral grotesques that are near-copies of each other; Helvetica over Univers looks like a rendering error. Interfaces and product sites lean on sans-sans pairs because they stay quiet at small sizes.

↑ Back to the index

Serif + serif font combinations

Pairing two serifs is a riskier move, and it fails whenever the two faces are from the same family tree. The pairs that work put a display serif or a slab over a text serif, so the contrast comes from weight, stress, and era rather than from serifs versus no serifs. A high-contrast fat face like Abril Fatface over a calm text face like Lora reads as one design because the roles are so different. Two Garalde old-styles over each other never will.

↑ Back to the index

Display + text font combinations

Display faces (Bebas Neue, Anton, Impact, Cooper Black, Copperplate) exist for one line at a time. They carry the poster, the title, the label on the jar. Everything under them has to be plain enough to disappear, which is why the body face in these pairs is usually a neutral sans or a well-behaved book serif. The rule is simple: the louder the headline font, the quieter the body font.

↑ Back to the index

Monospace accents

Monospace fonts are the third font in a lot of modern three-font systems. Code, data, timestamps, and labels all read better in a fixed-width face, and a monospace accent gives a technical product an honest voice. Pair it with a sans that shares its x-height, or stay inside a superfamily (Fira Sans and Fira Mono, IBM Plex Sans and Plex Mono, Roboto and Roboto Mono).

↑ Back to the index

Still Googling UX terms?

Stop. They're all right here.

50 terms. Illustrated.
So simple your cat gets it.

Get the Book →

Print & ePub on Amazon

Font combinations for websites and apps

Screen type has to survive small sizes, low-contrast backgrounds, and long reading sessions. The pairs that win on the web have tall x-heights, open apertures, and generous spacing, and at least one of the two was designed for screens in the first place. Inter, Roboto, Nunito Sans, IBM Plex Sans, and Work Sans are the usual anchors; a warm serif such as Lora, Merriweather, or Source Serif keeps long-form pages from feeling like a dashboard.

↑ Back to the index

Font combinations for logos and branding

A brand pairing has one extra requirement: the headline font has to work as a wordmark, alone, at any size, with no body text to lean on. Geometric and inscriptional faces (Gotham, Montserrat, Futura, Trajan, Copperplate, Didot) do that well. The second font then has to be flexible enough to carry everything else the brand prints, from a business card to a manual, without competing with the mark.

↑ Back to the index

Font combinations for posters and headlines

Posters are read from across a room and then up close. The headline font gets the distance; the body font gets the close-up. Condensed and heavy faces (Anton, Oswald, Bebas Neue, Impact, Cooper Black) make the most of a fixed sheet, and a clean sans or a sturdy serif takes the dates, prices, and fine print without stealing attention.

↑ Back to the index

Font combinations for print, books, and editorial

Print is where the old rules were written, and the classic pairs still hold. A text serif from the Garalde or Transitional tradition (Garamond, Caslon, Baskerville, Minion, Sabon) sets the body, and a grotesque or geometric sans (Helvetica, Univers, Gill Sans, Futura, Franklin Gothic) sets the heads and the running matter. Several of these pairs have been on BonFX since the 2009 chart.

↑ Back to the index

Wedding font combinations

Invitations are the one job where a script font earns its place. Set the names in the script, the details in a refined serif or a light sans, and nothing else in anything. The serif side leans to Cormorant Garamond, Playfair Display, and Cinzel; the sans side to Raleway, Montserrat, Josefin Sans, and Lato. For twenty free pairs built for DIY invitations, see 20 popular free Google wedding font combinations.

↑ Back to the index

Font combinations for resumes and documents

A resume has one goal: be read by a tired person in eleven seconds. Use fonts that are on every machine or that render identically in PDF, keep the pairing conservative, and let size and weight carry the hierarchy. The Office pairs (Calibri and Cambria, Arial and Georgia) exist for exactly this; if you can embed fonts, Lato with Merriweather or Helvetica with Georgia read as professional without looking like a template.

↑ Back to the index

Free Google Fonts combinations

Every pair in this table is free, open-source, and served from Google Fonts, so it works on a website, in Canva, in Figma, and in a Word document alike. The “best for” column is the job the pair does most naturally; the specimen link opens the pairing article for that combination. There are more than six hundred of these in the Google Font Combinations book; these are the ones I would start with.

↑ Back to the index

The Preposterously Huge Book of Google Font Combinations

600+ free Google Fonts pairings, each in a sample layout, with a visual index by typeface. Every font in it costs nothing.

PDF on Gumroad

The classic 19 combinations (on BonFX since 2009)

In 2009 I took the nineteen fonts graphic designers said they used most and combined them into nineteen pairs, one bold headline over one regular body, all with the same text. The chart has been downloaded and printed ever since, and every pair on it still works. The rule behind all nineteen is the first rule above: a serif and a sans serif, as far apart in style as I could get them, with the repeats kept to a minimum. Where a font on the chart has its own guide on this site, the name links to it. You can still download the original two-column PDF or read the 19 top fonts in 19 top combinations article.

All nineteen of these, and more than three hundred others in the same classic-fonts tradition, are set as full-page layouts in the Big Book of Font Combinations, in print and PDF. It is the reference this page grew out of.

↑ Back to the index

Find a font combination by font

Start with the font you already have. Every font below has its own guide on BonFX with eight to fifteen pairings, each one rendered in two layouts with full character sets. The three partners listed here are the top three from that guide. Click a name in the grid to jump to it, or scroll the list; fonts are grouped as sans serif, serif, and display.

Sans serif fonts

• Akzidenz Grotesk sans pairs best with Century Schoolbook, Univers, Helvetica (13 pairings).
• Archivo Narrow sans pairs best with Tenor Sans, Libre Baskerville, Cormorant (15 pairings).
• Arial sans pairs best with Georgia, Times New Roman, Verdana (14 pairings).
• Avant Garde sans pairs best with Questrial, Bookman, Garamond (9 pairings).
• Avenir sans pairs best with Garamond, Georgia, Baskerville (15 pairings).
• Calibri sans pairs best with Cambria, Georgia, Candara (14 pairings).
• Century Gothic sans pairs best with PT Serif, EB Garamond, Crimson Pro.
• Chivo sans pairs best with Playfair Display, Merriweather, Lora (15 pairings).
• Courier mono pairs best with Helvetica, Times New Roman, Mulish (12 pairings).
• DIN sans pairs best with Open Sans, Baskerville, Futura (15 pairings).
• Dosis sans pairs best with Open Sans, Lato, Roboto (15 pairings).
• Eurostile sans pairs best with Univers, Helvetica, Windsor (8 pairings).
• Fira Sans sans pairs best with Playfair Display, Merriweather, PT Serif (15 pairings).
• Franklin Gothic sans pairs best with Baskerville, Cheltenham, Garamond (14 pairings).
• Frutiger sans pairs best with Didot, Baskerville, Rockwell (7 pairings).
• Futura sans pairs best with Playfair Display, Garamond, Bodoni.
• Gill Sans sans pairs best with Perpetua, Joanna, Bodoni.
• Gotham sans pairs best with Source Serif 4, PT Serif, Times New Roman (15 pairings).
• Helvetica sans pairs best with Garamond, Georgia, Baskerville (15 pairings).
• IBM Plex Sans sans pairs best with IBM Plex Mono, Inter, Playfair Display (15 pairings).
• Inconsolata mono pairs best with Karla, Montserrat, Playfair Display (15 pairings).
• Inter sans pairs best with Manrope, Playfair Display, Roboto (15 pairings).
• Josefin Sans sans pairs best with Playfair Display, Merriweather, Lora (15 pairings).
• Kabel sans pairs best with Cooper Black, Futura, Helvetica (9 pairings).
• Karla sans pairs best with Spectral, Francois One, Inconsolata (15 pairings).
• Lato sans pairs best with Abril Fatface, Raleway, Playfair Display (15 pairings).
• Manrope sans pairs best with Inter, Plus Jakarta Sans, Prata (15 pairings).
• Minion sans pairs best with Montserrat, Gill Sans, Avenir (14 pairings).
• Montserrat sans pairs best with Lora, Merriweather, Roboto Slab (15 pairings).
• Myriad sans pairs best with Sabon, Adobe Garamond, Helvetica Neue (6 pairings).
• Nunito sans pairs best with Lora, Merriweather, Playfair Display (15 pairings).
• Nunito Sans sans pairs best with Playfair Display, Lora, Merriweather (15 pairings).
• Open Sans sans pairs best with Montserrat, Merriweather, Inter (15 pairings).
• Optima sans pairs best with Helvetica, Palatino, Karla (15 pairings).
• Oswald sans pairs best with Open Sans, Source Serif 4, Nunito (15 pairings).
• PT Sans sans pairs best with PT Serif, Lora, Open Sans (15 pairings).
• Poppins sans pairs best with Abril Fatface, Sintony, Open Sans (15 pairings).
• Proza Libre sans pairs best with Cormorant Garamond, Playfair Display, Libre Baskerville (15 pairings).
• Quicksand sans pairs best with Open Sans, Roboto, Lato (15 pairings).
• Raleway sans pairs best with Merriweather, Open Sans, Lato (15 pairings).
• Roboto sans pairs best with Inter, Montserrat, Playfair Display (15 pairings).
• Roboto Condensed sans pairs best with Lora, Nunito Sans, Open Sans (15 pairings).
• Rubik sans pairs best with Poppins, Inter, Roboto Mono (15 pairings).
• Sabon sans pairs best with Poppins, Akzidenz Grotesk, Helvetica Neue (7 pairings).
• Source Sans Pro sans pairs best with Source Serif Pro, Playfair Display, Merriweather (15 pairings).
• Tahoma sans pairs best with Verdana, Georgia, Helvetica Neue (11 pairings).
• Trade Gothic sans pairs best with Egyptienne, Optima, Didot (16 pairings).
• Trajan sans pairs best with Lato, Gotham + Requiem, Avenir (5 pairings).
• Univers sans pairs best with Helvetica, Montserrat, Georgia (10 pairings).
• Verdana sans pairs best with Georgia, Tahoma, Trebuchet MS (15 pairings).
• Work Sans sans pairs best with Playfair Display, Merriweather, Bitter (15 pairings).

Serif fonts

• Baskerville serif pairs best with Helvetica, Lato, Inter (13 pairings).
• Bodoni serif pairs best with Futura, Montserrat, Inter (11 pairings).
• Cambria serif pairs best with Calibri, Candara, Corbel (9 pairings).
• Cardo serif pairs best with Lato, Montserrat, Roboto (15 pairings).
• Caslon serif pairs best with Montserrat, Baskerville, Libre Franklin (11 pairings).
• Clarendon serif pairs best with Futura, Trade Gothic, Helvetica Neue (14 pairings).
• Cormorant Garamond serif pairs best with Montserrat, DM Sans, Raleway (13 pairings).
• Didot serif pairs best with Futura, Avenir, Montserrat (11 pairings).
• EB Garamond serif pairs best with Inter, Oswald, Cabin (15 pairings).
• Garamond serif pairs best with Helvetica, Gill Sans, Montserrat (15 pairings).
• Georgia serif pairs best with Verdana, Open Sans, Montserrat (14 pairings).
• Libre Baskerville serif pairs best with Montserrat, Source Sans Pro, Roboto (15 pairings).
• Lora serif pairs best with Roboto, Merriweather Black, Archivo (15 pairings).
• Merriweather serif pairs best with Open Sans, Raleway, Special Elite (15 pairings).
• Mrs Eaves serif pairs best with Jost, Futura, Inter (9 pairings).
• Neuton serif pairs best with Montserrat, Lato, Mulish (15 pairings).
• PT Serif serif pairs best with Source Sans Pro, PT Sans, Proxima Nova (15 pairings).
• Palatino serif pairs best with Avenir Next, Helvetica Neue, Open Sans (12 pairings).
• Playfair Display serif pairs best with Source Sans Pro, Montserrat, Helvetica Neue (15 pairings).
• Rockwell serif pairs best with Poppins, PT Serif, Helvetica Neue (11 pairings).
• Spectral serif pairs best with Karla, Roboto Mono Bold, Spectral SC (15 pairings).
• Times New Roman serif pairs best with Helvetica, Georgia, Poppins (11 pairings).
• Vollkorn serif pairs best with Montserrat, Lato, Open Sans (15 pairings).

Display fonts

• Abril Fatface display pairs best with Lato, Open Sans, Roboto (15 pairings).
• Anton display pairs best with Libre Baskerville, Work Sans, Open Sans (5 pairings).
• Bebas Neue display pairs best with Inter, Montserrat, Roboto (15 pairings).
• Cinzel display pairs best with Fauna One, Montserrat, Raleway (8 pairings).
• Cooper Black display pairs best with Work Sans, Libre Franklin, Helvetica (14 pairings).
• Copperplate Gothic display pairs best with Scala, Univers, Sabon (5 pairings).
• Impact display pairs best with Baskerville, EB Garamond, Work Sans (5 pairings).

↑ Back to the index

Mistakes that break a font combination

• Two fonts that are almost the same. Garamond over Sabon, Helvetica over Univers, Arial over Helvetica. The reader sees a rendering glitch, not a design.
• Two heavyweights. Didot over Rockwell, Impact over Cooper Black. Both want the spotlight and the page has only one.
• Mismatched widths. A wide geometric sans over a narrow serif, or the reverse. The lines look lumpy no matter how you space them.
• Too many fonts. Four families on one page is a ransom note. If hierarchy is the problem, change the weight or the size of the fonts you already have.
• Decorative faces doing body-text work. Scripts, blackletter, and novelty fonts are one-line fonts. For the full rogue’s gallery, see 23 really bad font choices.

Font combination generators and tools, and when to trust them

Generators such as Fontjoy, Fontpair, and Monotype’s pairing engine are useful for one thing: speed. They will show you a plausible pair in a second, and a plausible pair is a fine place to start. What they cannot judge is the job. A generator does not know that your headline is nine words long, that your body copy is in German, that the client’s logo is already a geometric sans, or that the page will be printed on newsprint. Those constraints decide most pairings in practice.

My suggestion is to use a generator the way you would use a thesaurus: to remind yourself of options, not to pick the word. Then test the pair with your actual text at your actual sizes. The specimens on this site are built to make that test easy; each pairing article shows the same two fonts in two layouts and with both full character sets, so you can see how the numerals, the italics, and the odd glyphs behave before you commit. If you want the full reference in one place, the Big Book has 350 pairs of classic fonts, and the Google Fonts book has more than 600 free ones. For choosing the fonts themselves, start with the 100 best fonts and the 17 types of fonts.

Font combination FAQ

Keep going

A font combination is a decision, not a discovery. Pick a serif and a sans that agree on x-height, give each one a job, contrast the weights, and stop at two or three. The hundred-plus pairs above are proof that the rules produce results, and the directory by font will get you from the font you have to the partner you need. When you find a pair you like, open its article, download the specimen, and set your own text in it before you decide. That last step is the one most people skip, and it is the one that separates a combination that looks good in a gallery from one that works on your page.

Sources and further reading. Robert Bringhurst, The Elements of Typographic Style (the standard reference; chapter 5 is the pairing chapter); Ellen Lupton, Thinking with Type; Google Fonts Knowledge on pairing; Typewolf; Fonts In Use. Each pairing article linked from this page lists the specific sources checked for that pair.