Google Font pairings, previewed live
Pick a font to see its best partners set in your own words, with why each pairing works and code to paste. Or mix any two in the font pairing tool.
- Sans-serifInterPairs with Instrument Serif, Playfair Display, FrauncesSee pairings →
- Sans-serifGeistPairs with Instrument Serif, Fraunces, JetBrains MonoSee pairings →
- Sans-serifDM SansPairs with DM Serif Display, Fraunces, Playfair DisplaySee pairings →
- Sans-serifManropePairs with Cormorant Garamond, Fraunces, Playfair DisplaySee pairings →
- Sans-serifPlus Jakarta SansPairs with Fraunces, Playfair Display, LoraSee pairings →
- Sans-serifSpace GroteskPairs with Inter, DM Sans, IBM Plex SansSee pairings →
- Sans-serifWork SansPairs with Fraunces, Playfair Display, LoraSee pairings →
- Sans-serifLatoPairs with Playfair Display, Merriweather, FrauncesSee pairings →
- Sans-serifNunitoPairs with Lora, Fredoka, Playfair DisplaySee pairings →
- Sans-serifIBM Plex SansPairs with Space Grotesk, JetBrains Mono, Source Serif 4See pairings →
- Sans-serifMontserratPairs with Lora, Merriweather, LatoSee pairings →
- Sans-serifPoppinsPairs with Lora, Inter, MerriweatherSee pairings →
- Sans-serifOutfitPairs with Fraunces, Instrument Serif, InterSee pairings →
- Sans-serifSoraPairs with Inter, DM Sans, JetBrains MonoSee pairings →
- SerifInstrument SerifPairs with Inter, Geist, DM SansSee pairings →
- SerifPlayfair DisplayPairs with Lato, Inter, DM SansSee pairings →
- SerifFrauncesPairs with Inter, DM Sans, Work SansSee pairings →
- SerifDM Serif DisplayPairs with DM Sans, Inter, Plus Jakarta SansSee pairings →
- SerifCormorant GaramondPairs with Manrope, Lato, DM SansSee pairings →
- SerifLoraPairs with Nunito, Manrope, MontserratSee pairings →
- SerifMerriweatherPairs with Montserrat, Lato, PoppinsSee pairings →
- SerifLibre BaskervillePairs with Source Serif 4, Lato, InterSee pairings →
- SerifSource Serif 4Pairs with Playfair Display, IBM Plex Sans, MontserratSee pairings →
- SerifNewsreaderPairs with Geist, Inter, IBM Plex SansSee pairings →
- DisplaySynePairs with Inter, DM Sans, ManropeSee pairings →
- DisplayUnboundedPairs with Inter, Space Grotesk, DM SansSee pairings →
- DisplayBebas NeuePairs with Inter, Montserrat, LatoSee pairings →
- DisplayFredokaPairs with Nunito, Inter, DM SansSee pairings →
- MonospaceJetBrains MonoPairs with Inter, Space Grotesk, GeistSee pairings →
- Sans-serifRobotoPairs with Playfair Display, Lora, MerriweatherSee pairings →
- Sans-serifOpen SansPairs with Playfair Display, Merriweather, MontserratSee pairings →
- Sans-serifRalewayPairs with Lora, Merriweather, LatoSee pairings →
- Sans-serifArchivoPairs with Inter, Lora, JetBrains MonoSee pairings →
- SerifEB GaramondPairs with DM Sans, Inter, LatoSee pairings →
- SerifCrimson ProPairs with Montserrat, Inter, RalewaySee pairings →
- SerifPT SerifPairs with Open Sans, Roboto, LatoSee pairings →
- MonospaceSpace MonoPairs with Inter, Space Grotesk, Work SansSee pairings →
- DisplayArchivo BlackPairs with Archivo, Inter, Space MonoSee pairings →
- DisplayAbril FatfacePairs with Work Sans, Lato, Open SansSee pairings →
Questions, answered.
The things people ask before they start building.
How do you pair fonts for a website?
Give the two fonts different jobs and make the difference visible: a display or serif face for headlines, a calm, readable face for paragraphs. Pair through contrast of structure (serif with sans-serif) or of weight and width, and keep to two families.
What is the most popular font pairing?
A high-contrast serif headline over a neutral sans-serif body, such as Playfair Display with Lato or Instrument Serif with Inter. The serif carries the personality; the sans keeps the reading easy.
Can AI pick fonts for my website?
Yes. Orlume (orlume.site), the design-first AI website builder, chooses the font pairing, type scale and spacing for your brief from one prompt, builds the site in React and Next.js and deploys it in one click.
Still stuck? Email usOr let Orlume set the type for you.
Describe the site you want. Watch it get designed, not just generated. Then publish it to its own orlume.site address.
- Free to start
- No card required
- Publish to a live URL
- You own the code