# Font Pairing: Free Google Font Combinations with Live Preview

```json
{
  "title": "Font Pairing: Free Google Font Combinations with Live Preview",
  "description": "Find Google Font pairings that work. Pick a heading font, get matching body fonts, press Space for new combinations, preview your own text on a card, poster or web page, and copy the CSS.",
  "site": "Qrdy Frames",
  "page_type": "tool",
  "tool": "font-pairing",
  "client_side": true,
  "pairs": 72,
  "fonts": 100,
  "styles": "Classic, Modern, Friendly, Elegant, Bold, Editorial, Playful",
  "templates": "Article, Card, Poster, Web page, Brand",
  "body_suggestions": "3–5",
  "compare_max": 3,
  "saved_pairs_max": 24,
  "history": 50,
  "storage_key": "qrdy.fontpair.v1",
  "fonts_source": "Google Fonts CSS2 by family name and weight only, never text=",
  "aliases": "https://qrdyframes.qrdyai.com/tools/font-combinations, https://qrdyframes.qrdyai.com/tools/google-font-pairings",
  "canva_app": "Text to Frames",
  "url": "https://qrdyframes.qrdyai.com/tools/font-pairing",
  "markdown_url": "https://qrdyframes.qrdyai.com/md/tools/font-pairing",
  "llms_txt": "https://qrdyframes.qrdyai.com/llms.txt",
  "updated_at": "2026-11-13T00:00:00.000Z"
}
```

## Introduction

A font pairing tool built on 72 hand-picked pairs of 100 Google Fonts, all free for commercial use. Pick a heading font and get 3–5 body fonts that work with it, browse pairs by style (Classic, Modern, Friendly, Elegant, Bold, Editorial, Playful), press Space or Next pair for a new combination, lock one font while the other changes, step back through history, type your own heading and paragraph, and preview the pair as Article, Card, Poster, Web page, Brand. Compare two or three pairs side by side, copy the CSS (the Google Fonts link tag and the font-family rules), open both fonts on Google Fonts, and save favourite pairs for later. Only the fonts on screen are loaded, and your preview text never leaves the browser.

Free tool by Qrdy Frames: https://qrdyframes.qrdyai.com/tools/font-pairing (also https://qrdyframes.qrdyai.com/tools/font-combinations and https://qrdyframes.qrdyai.com/tools/google-font-pairings). No account, nothing uploaded. Qrdy Frames is an independent tool and isn't affiliated with Canva.

## See also

- [Free Online Tools](https://qrdyframes.qrdyai.com/tools): every free tool on one page (16 tools)
- [Christmas Ornament Photo Maker](https://qrdyframes.qrdyai.com/christmas-ornament-photo-maker): free tool: drop a photo and see it inside ornaments, stockings, mittens and more
- [Circle Crop Image](https://qrdyframes.qrdyai.com/circle-crop-image): free tool: crop any photo into a perfect circle in seconds
- [Heart Photo Frame](https://qrdyframes.qrdyai.com/shapes/heart-frame): free tool: place any photo inside a heart shape and download a transparent png
- [Password Generator](https://qrdyframes.qrdyai.com/tools/password-generator): free tool: strong passwords, passphrases, PINs and developer secrets
- [Bulk QR Code Generator](https://qrdyframes.qrdyai.com/tools/bulk-qr-code-generator): free tool: hundreds of QR codes from a list or CSV, as PNG or SVG in one ZIP
- [Random Team Generator](https://qrdyframes.qrdyai.com/tools/random-team-generator): free tool: split names into fair random teams, save class lists, avoid repeat pairs, present on a projector
- [Yes or No Wheel](https://qrdyframes.qrdyai.com/tools/yes-or-no-wheel): free tool: spin for a yes or no (or maybe), keep a history of your questions, best of 3, custom decision wheel
- [Random Letter Generator](https://qrdyframes.qrdyai.com/tools/random-letter-generator): free tool: random letters A–Z with no repeats, vowels or consonants, a letter wheel, random words, Scattergories timer
- [Classroom Timer](https://qrdyframes.qrdyai.com/tools/classroom-timer): free tool: classroom countdown timer with quick 1–15 min buttons, shrinking colour ring, presets, chained timers, Pomodoro mode, full screen
- [Bingo Card Generator](https://qrdyframes.qrdyai.com/tools/bingo-card-generator): free tool: printable bingo cards from words, emoji or numbers 1–75, 3x3 / 4x4 / 5x5, 1–200 unique cards, bingo caller with full screen, winner check, saved sets, play link
- [Lorem Ipsum Generator](https://qrdyframes.qrdyai.com/tools/lorem-ipsum-generator): free tool: lorem ipsum dummy text with exact word or character counts, HTML <p> tags, and placeholder images at any size (PNG / JPG / WebP), presets and a size set
- [Random Color Generator](https://qrdyframes.qrdyai.com/tools/random-color-generator): free tool: random color and palette generator with locks, styles and harmony rules, a color palette from any image (never uploaded), HEX / RGB / HSL copy, contrast check, saved palettes and a color of the day
- [2027 Calendar](https://qrdyframes.qrdyai.com/tools/2027-calendar): free tool: printable 2027 calendar with US holidays, year on one page or month per page, Letter / A4, portrait / landscape, Sunday or Monday start, week numbers, your own events with countdowns, saved in the browser
- [Seating Chart Maker](https://qrdyframes.qrdyai.com/tools/seating-chart-maker): free tool: classroom and wedding seating chart maker, rows / pairs / groups / U-shape or round and long tables, random shuffle with keep-apart and keep-together rules, drag or tap to swap, saved classes with a weekly rotation, print, PNG, present mode
- [QR Code Scanner from Image](https://qrdyframes.qrdyai.com/tools/qr-code-scanner-from-image): free tool: QR code scanner from image or screenshot, reads several codes at once, checks the link for phishing warning signs before you open it, nothing uploaded

## TL;DR

- Pair tab: Heading font and Body font pickers (type to search 100 Google Fonts), 3–5 body suggestions as chips for the chosen heading, Style filter (All, Classic, Modern, Friendly, Elegant, Bold, Editorial, Playful), Next pair (the one primary button, or Space outside a text field), Previous / Forward through the last 50 pairs, Lock on either font, Save pair (heart); a curated pair with a sample headline and paragraph is already on screen when the page opens
- Preview: your own headline (80 characters) and paragraph (400) as Article, Card, Poster, Web page, Brand; Advanced: heading size 20–96 px, body size 12–24 px, line height 1–2, letter spacing -0.05–0.2 em, Copy link (the two font names only), Reset text / sizes, the CSS in a box
- Copy CSS = the Google Fonts <link> tag (preconnects + the stylesheet with the pair's weights) and a font-family rule for headings and one for body with system fallbacks; Open in Google Fonts = both specimen pages
- Brand preview: your business name and tagline as a logo, business card, Instagram post and menu; Ask friends to pick on Compare sends a numbered "Which one?" vote link (https://qrdyframes.qrdyai.com/tools/font-pairing/vote, options only after the #), and Set as my brand fonts keeps the winner as a brand kit with a kit card and Copy font names
- Compare tab: 3 pairs side by side (stacked on phones) with the same text and template; add the current pair, a random pair or a saved one; Use this pair / Remove
- Saved tab: up to 24 favourite pairs with Apply, Compare and Remove (confirmed on a second press); last pair, text, template, style, sizes and the compare set restored on the next visit from one local-storage key (qrdy.fontpair.v1); works without storage, with a notice; nothing written on the first visit; Clear saved pairs and settings
- Fonts: only the families on screen are loaded, one Google Fonts CSS2 stylesheet per family with display=swap and the weights from our data; the text= parameter is never used, so the preview text never leaves the browser; a system font of the same kind shows while a font loads and the previews reserve their height
- Share link: ?h=Playfair+Display&b=Source+Sans+3 (font names from our list and the tab only); analytics see a pair id, the template, the style and counts, never the text
- A headline as a photo frame inside Canva: turn a beautiful headline into a frame in canva with Text to Frames, our Canva app: https://www.qrdynamic.xyz/texttoframes-in-canva?utm_source=qrdyframes&utm_medium=web&utm_campaign=llm-md

## How to pair fonts

1. Pick a heading font from the list, or keep the one on screen: a pair with a sample headline and paragraph is already showing when the page opens. The chips under the picker suggest 3–5 body fonts that go with it; tap one to try it.
2. Press Next pair or the Space bar for the next curated combination; filter by style (Classic, Modern, Friendly, Elegant, Bold, Editorial, Playful) to stay in one mood. Lock the heading or the body font to keep it while the other changes, and use Previous to go back.
3. Type your own headline and paragraph, switch the preview between Article, Card, Poster, Web page, Brand, and adjust sizes under Advanced. Press Copy CSS to get the Google Fonts link tag and the font-family rules, Open in Google Fonts for both specimen pages, or Save pair to keep it for later.

## Font pairing rules that work

Four rules cover most good font combinations, and every pair on this page follows at least one of them:

- **Contrast**: pair a serif with a sans-serif (or a script with a plain sans) so the heading and the body are clearly different jobs; two similar fonts look like a mistake.
- **One family, two weights**: Bold for headings and Regular for text from the same family can never clash; Montserrat, Inter and Red Hat Display are in the list this way.
- **Match x-height**: fonts whose lowercase letters are a similar height (Merriweather and Open Sans, Lora and Nunito Sans) sit at the same visual size, so the page feels even.
- **Limit to two fonts**: one for headings, one for body; a third font is only for a small accent (a date on an invitation, a label) and should be used once.

## Best Google Font pairings

These are the 72 curated pairs in the tool, grouped by style, each with the reason it works. Every family is on Google Fonts under the SIL Open Font License or Apache 2.0.

### Classic (12 pairs: serif headings with a plain sans body, the book-and-magazine formula)

- **Playfair Display + Source Sans 3** (Classic, Editorial): High-contrast serif headlines over a neutral, open sans: the magazine formula that reads well at any size. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Playfair+Display&b=Source+Sans+3
- **Playfair Display + Lato** (Classic, Elegant): Lato's round, warm shapes soften Playfair's sharp contrast without competing with it. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Playfair+Display&b=Lato
- **Libre Baskerville + Source Sans 3** (Classic, Editorial): A classic book serif with a plain sans: the serif brings tradition, the sans keeps long text clear on screens. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Libre+Baskerville&b=Source+Sans+3
- **Merriweather + Open Sans** (Classic, Friendly): Both were drawn for screens with large x-heights, so the serif and the sans sit at the same visual weight. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Merriweather&b=Open+Sans
- **EB Garamond + Work Sans** (Classic, Editorial): A Renaissance text face for titles, a grotesque with similar proportions for everything else: old meets new without a clash. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=EB+Garamond&b=Work+Sans
- **Crimson Pro + Public Sans** (Classic, Editorial): A book serif with a government-grade sans: the pairing feels trustworthy and stays readable at small sizes. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Crimson+Pro&b=Public+Sans
- **Old Standard TT + Source Sans 3** (Classic, Editorial): A 19th-century scholarly serif made modern by a clean, unobtrusive sans. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Old+Standard+TT&b=Source+Sans+3
- **Libre Caslon Text + Libre Franklin** (Classic, Editorial): The two Libre faces revive classic American typefaces, so the serif and the sans share the same era and tone. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Libre+Caslon+Text&b=Libre+Franklin
- **Alegreya + Alegreya Sans** (Classic, Friendly): One superfamily in two forms: identical proportions and rhythm, maximum harmony with a visible contrast. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Alegreya&b=Alegreya+Sans
- **Vollkorn + Fira Sans** (Classic, Friendly): Vollkorn's sturdy serifs and Fira Sans's humanist shapes both feel solid and open at text sizes. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Vollkorn&b=Fira+Sans
- **Domine + Open Sans** (Classic, Friendly): Domine was made for headlines on screens, and Open Sans is the body text half the web already trusts. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Domine&b=Open+Sans
- **Bitter + Raleway** (Classic, Modern): Bitter's screen-friendly slab for titles with Raleway's elegant thin sans: sturdy meets refined. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Bitter&b=Raleway

### Modern (19 pairs: geometric or grotesque sans fonts, clean and neutral)

- **Playfair Display + Inter** (Modern, Editorial): A modern interface sans keeps the body quiet, so Playfair carries all the personality. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Playfair+Display&b=Inter
- **DM Serif Display + DM Sans** (Modern, Elegant): Drawn as one family: the serif display and the sans text share proportions, so they fit like matching bookends. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=DM+Serif+Display&b=DM+Sans
- **Roboto Slab + Roboto** (Modern, Friendly): Same skeleton, different serifs: the slab gives headings presence and the sans keeps paragraphs light. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Roboto+Slab&b=Roboto
- **Zilla Slab + Mulish** (Modern, Friendly): Zilla's compact slab and Mulish's minimalist sans are both low-contrast, so they sit at one visual weight. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Zilla+Slab&b=Mulish
- **Montserrat + Merriweather** (Modern, Editorial): A geometric sans for headings with a readable serif for body text: the reverse of the classic formula, still high contrast. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Montserrat&b=Merriweather
- **Work Sans + Source Serif 4** (Modern, Editorial): A plain grotesque for headings and a contemporary serif for text, both drawn for screens at the same size. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Work+Sans&b=Source+Serif+4
- **Poppins + PT Serif** (Modern, Friendly): Poppins's round geometric letters stay bold and modern, while PT Serif makes the body text feel considered. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Poppins&b=PT+Serif
- **Archivo + Merriweather** (Modern, Editorial): A grotesque made for headlines with a serif made for reading: the two jobs stay separate. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Archivo&b=Merriweather
- **Syne + Spectral** (Modern, Editorial): Syne's wide, art-school letters and Spectral's crisp serif give an editorial page a contemporary edge. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Syne&b=Spectral
- **Montserrat + Montserrat** (Modern, Bold): One family, two weights: Bold headings and Regular text share every curve, so nothing can clash. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Montserrat&b=Montserrat
- **Inter + Inter** (Modern): Inter Bold over Inter Regular is the safest interface pairing: a single family with a clear size and weight step. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Inter&b=Inter
- **Space Grotesk + Inter** (Modern, Bold): Space Grotesk's quirky curves make headings memorable; Inter's neutral body keeps the page clean. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Space+Grotesk&b=Inter
- **Plus Jakarta Sans + Open Sans** (Modern, Friendly): Two humanist sans fonts with different flavours: Jakarta's modern shapes lead, Open Sans stays invisible. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Plus+Jakarta+Sans&b=Open+Sans
- **Sora + Manrope** (Modern): Two geometric sans faces: Sora's wide letters read as tech, Manrope as a balanced body for product pages. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Sora&b=Manrope
- **Outfit + Lexend** (Modern, Friendly): Outfit's clean geometry for titles and Lexend's wide, legibility-tested shapes for body text. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Outfit&b=Lexend
- **Red Hat Display + Red Hat Display** (Modern, Friendly): A display family in two weights: Bold for headings, Regular for shorter body text, zero mismatch. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Red+Hat+Display&b=Red+Hat+Display
- **Space Mono + Work Sans** (Modern, Playful): A quirky monospace for headings and a plain grotesque body: tech, portfolios and zines. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Space+Mono&b=Work+Sans
- **IBM Plex Mono + IBM Plex Sans** (Modern): One superfamily: the mono for titles and code, the sans for text, with matching proportions. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=IBM+Plex+Mono&b=IBM+Plex+Sans
- **JetBrains Mono + Inter** (Modern): A developer monospace for headings with the standard interface sans: documentation and product pages. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=JetBrains+Mono&b=Inter

### Friendly (4 pairs: rounded, open letters that feel warm and approachable)

- **Lora + Nunito Sans** (Friendly, Classic): Lora's calligraphic roots and Nunito Sans's rounded terminals share the same gentle rhythm. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Lora&b=Nunito+Sans
- **Comfortaa + Nunito Sans** (Friendly, Modern): Rounded geometric display with a rounded humanist body: soft, modern, approachable. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Comfortaa&b=Nunito+Sans
- **Caveat + Open Sans** (Friendly, Playful): A casual handwriting face for a personal headline, grounded by the plainest body sans. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Caveat&b=Open+Sans
- **Courgette + Nunito** (Friendly, Playful): A medium-contrast upright script with a rounded sans: soft, cheerful product and bakery pages. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Courgette&b=Nunito

### Elegant (13 pairs: thin, high-contrast serifs and scripts for formal and luxury pages)

- **Cormorant Garamond + Proza Libre** (Elegant, Classic): Cormorant's delicate, high-contrast letters stay the star while Proza Libre, a humanist sans, carries the reading. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Cormorant+Garamond&b=Proza+Libre
- **Cormorant Garamond + Montserrat** (Elegant, Modern): Thin elegant serif against a geometric sans: the contrast in construction makes both clearer. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Cormorant+Garamond&b=Montserrat
- **Bodoni Moda + Figtree** (Elegant, Editorial): Bodoni's razor contrast reads as luxury, and Figtree's friendly sans keeps paragraphs from feeling cold. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Bodoni+Moda&b=Figtree
- **Prata + Nunito Sans** (Elegant, Classic): Prata's refined Didone shapes make headlines feel formal; Nunito Sans adds a soft, modern body text. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Prata&b=Nunito+Sans
- **Yeseva One + Josefin Sans** (Elegant, Playful): A curvy, feminine display serif paired with a geometric vintage sans: a boutique, wedding-card look. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Yeseva+One&b=Josefin+Sans
- **Cinzel + Raleway** (Elegant, Classic): Roman inscription capitals for titles and a thin elegant sans for body: formal, timeless, clear. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Cinzel&b=Raleway
- **Marcellus + Lato** (Elegant, Classic): Marcellus's inscriptional elegance over Lato's plain warmth is a quiet, luxurious combination. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Marcellus&b=Lato
- **Raleway + Lora** (Elegant, Modern): Raleway's thin, elegant capitals paired with Lora's warm serif read like a well-designed lifestyle blog. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Raleway&b=Lora
- **Josefin Sans + Crimson Pro** (Elegant, Playful): A geometric art-deco sans against a soft book serif: vintage but easy to read. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Josefin+Sans&b=Crimson+Pro
- **Dancing Script + Lora** (Elegant, Playful): A lively calligraphic script over a warm serif body: invitations, greeting cards and recipe pages. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Dancing+Script&b=Lora
- **Great Vibes + Cormorant Garamond** (Elegant, Classic): A formal flourished script with a light classic serif: the wedding-invitation pairing. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Great+Vibes&b=Cormorant+Garamond
- **Sacramento + Raleway** (Elegant, Playful): A thin monoline script and a thin elegant sans share the same light stroke, so the page feels airy. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Sacramento&b=Raleway
- **Parisienne + Libre Baskerville** (Elegant, Classic): An elegant French script with a classic book serif: menus, invitations and anything formal. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Parisienne&b=Libre+Baskerville

### Bold (11 pairs: heavy condensed or slab headlines for posters and banners)

- **Abril Fatface + Lato** (Bold, Editorial): A fat, high-contrast display face for big headlines with a neutral sans that gives the eye a rest. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Abril+Fatface&b=Lato
- **Arvo + Lato** (Bold, Friendly): A geometric slab serif with a geometric-leaning sans: the slab holds the headline, Lato stays readable below. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Arvo&b=Lato
- **Alfa Slab One + Nunito** (Bold, Playful): A heavy, rounded slab display with a rounded sans: loud but friendly, ideal for posters and kids' brands. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Alfa+Slab+One&b=Nunito
- **Oswald + EB Garamond** (Bold, Editorial): Condensed bold headlines with a classic text serif: newspaper contrast, heavy on top and calm below. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Oswald&b=EB+Garamond
- **League Spartan + Nunito Sans** (Bold, Modern): A heavy geometric display sans with a soft body sans: strong hierarchy from weight alone. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=League+Spartan&b=Nunito+Sans
- **Unbounded + Jost** (Bold, Modern): Unbounded's extended letters make a loud headline, and Jost's Futura-like body keeps the geometry consistent. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Unbounded&b=Jost
- **Bebas Neue + Open Sans** (Bold, Modern): All-caps condensed headlines with a neutral sans body: the poster pairing that works at any size. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Bebas+Neue&b=Open+Sans
- **Anton + Roboto** (Bold, Modern): Anton's heavy condensed impact and Roboto's plain body are a sports-poster classic. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Anton&b=Roboto
- **Archivo Black + Archivo** (Bold, Modern): One family: the Black cut for headlines and the regular weight for text, so the hierarchy is pure weight. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Archivo+Black&b=Archivo
- **Ultra + PT Sans** (Bold, Classic): An ultra-heavy slab for one-word headlines, with a sturdy neutral sans that stays out of the way. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Ultra&b=PT+Sans
- **Staatliches + Inter** (Bold, Modern): Narrow all-caps display with a neutral interface sans: posters, labels and event banners. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Staatliches&b=Inter

### Editorial (1 pairs: pairs built for long reading: articles, newsletters, reports)

- **Spectral + Karla** (Editorial, Modern): Spectral's crisp serifs and Karla's slightly quirky grotesque are both built for long reads with a bit of character. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Spectral&b=Karla

### Playful (12 pairs: scripts, hand-drawn and cartoon faces for cards, kids and parties)

- **Fraunces + Manrope** (Playful, Editorial): Fraunces's soft, old-style quirks against Manrope's clean geometry give a page personality without noise. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Fraunces&b=Manrope
- **Righteous + Quicksand** (Playful, Bold): A retro rounded display with a soft rounded sans: bold but friendly, good for kids and party cards. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Righteous&b=Quicksand
- **Fredoka + Nunito** (Playful, Friendly): Both are round and bouncy; Fredoka Bold for the title and Nunito for text keep a playful page readable. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Fredoka&b=Nunito
- **Lilita One + Baloo 2** (Playful, Bold): Chunky cartoon headline with a chunky but readable body: a toy-shop, party and school look. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Lilita+One&b=Baloo+2
- **Bangers + Cabin** (Playful, Bold): Comic-book shout for the title, a plain humanist sans for the caption: loud top, quiet bottom. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Bangers&b=Cabin
- **Shrikhand + Work Sans** (Playful, Bold): A fat italic display with lots of swagger, calmed by a plain grotesque body. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Shrikhand&b=Work+Sans
- **Amatic SC + Josefin Sans** (Playful, Friendly): Hand-drawn narrow capitals with a geometric vintage sans: cafe menus and chalkboard signs. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Amatic+SC&b=Josefin+Sans
- **Pacifico + Quicksand** (Playful, Friendly): A surf-shop brush script for short headlines with a light rounded sans that keeps the body relaxed. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Pacifico&b=Quicksand
- **Lobster + Cabin** (Playful, Bold): A bold connected script for titles, a humanist sans for everything else: diner-sign charm with readable text. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Lobster&b=Cabin
- **Satisfy + Lato** (Playful, Friendly): A relaxed brush script with a warm, neutral sans: signage, cafes and casual invitations. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Satisfy&b=Lato
- **Permanent Marker + Karla** (Playful, Bold): Marker-pen headlines with a slightly quirky grotesque: street-style posters that stay legible. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Permanent+Marker&b=Karla
- **Kaushan Script + Mulish** (Playful, Bold): A brush script with energy for the title, and a minimal sans that lets it breathe. Open: https://qrdyframes.qrdyai.com/tools/font-pairing?h=Kaushan+Script&b=Mulish

## Font combinations for cards, posters and websites

The best font combination depends on what you are making: cards want elegance or play, posters want weight, and websites want neutral body text that reads at 16 px. Use the Card, Poster and Web page previews on this tool to see the same pair in each setting before you decide.

- **Cards and invitations**: Elegant and Playful pairs: a script or a high-contrast serif for the name or the headline (Great Vibes + Cormorant Garamond, Dancing Script + Lora, Yeseva One + Josefin Sans), set large, with a short sans or serif line for the details.
- **Posters and banners**: Bold pairs: condensed or heavy display faces (Bebas Neue + Open Sans, Anton + Roboto, Abril Fatface + Lato) that stay readable from across a room, with the body font only for the fine print.
- **Websites and apps**: Modern and Editorial pairs: a neutral sans body (Inter, Source Sans 3, Open Sans, Work Sans) with a heading font that carries the brand (Playfair Display, Space Grotesk, DM Serif Display); keep body text at 16–18 px and line height around 1.5.
- **Articles, newsletters and reports**: Classic and Editorial pairs: a book serif or a screen serif for either role (Merriweather + Open Sans, Libre Baskerville + Source Sans 3, Spectral + Karla), which stay comfortable over thousands of words.

Making the headline in Canva? Text to Frames turns a word set in a Google font into a photo frame inside your design: https://www.qrdynamic.xyz/texttoframes-in-canva?utm_source=qrdyframes&utm_medium=web&utm_campaign=llm-md (app page: [Text to Frames](https://qrdyframes.qrdyai.com/text-to-frames))

## Pick brand fonts for your small business

Pick brand fonts by seeing your own business name in each pair on the things customers actually see: choose the Brand preview, type the name and an optional tagline, and every pair shows up as a logo, a business card, a square Instagram post and a short menu or price list.

Stuck between two or three? Add them to Compare and press Ask friends to pick: friends get a numbered “Which one?” link (and a card image on phones), tap 1, 2 or 3 and send their pick back as a short link; opening those replies on your device counts the votes. Then press Set as my brand fonts and the tool opens on your kit next time, with a kit card and the exact font names to search in Canva's font menu for every new flyer.

- **See your name**: the Brand preview sets your business name and tagline as a logo lockup, a business card, an Instagram post and a 3-line menu; on Compare each pair shows as a logo.
- **Ask friends to vote**: one link with the options numbered 1–3; no account, nothing stored on a server, and the name travels only after the # in the link.
- **Keep the winner**: your brand kit (pair, name, tagline, sizes, up to 3 colours) stays in this browser, with a 1080 × 1350 kit card and Copy font names.

Brand colour ideas: [Random Color Generator](https://qrdyframes.qrdyai.com/tools/random-color-generator).

## Is my text uploaded?

No: the headline and paragraph you type stay in this browser. The only network requests are the Google Fonts stylesheets for the fonts on screen, and those carry family names and weights from our list, never your words (the tool deliberately does not use the text= parameter). Your text, template, style filter, sizes, last pair, compare set and saved pairs live in this browser's local storage under one key (qrdy.fontpair.v1); analytics record only a pair id from our list, the template, the style and counts. If your browser blocks storage, the tool still works and tells you that pairs will not be kept.

## What is font pairing?

Font pairing is choosing two typefaces that work together, usually one for headings and one for body text: clear contrast in style or weight (serif with sans-serif, heavy with light) and similar proportions, so the page looks intentional and stays easy to read. A font pairing tool shows candidate pairs with real text so you judge the combination in context rather than from two font names.

## What are Google Font pairings?

Google Font pairings are combinations of fonts from Google Fonts, the free library of open-licensed typefaces served from fonts.googleapis.com. Because every font is free for commercial use and loads with one <link> tag, they are the usual choice for websites, templates and Canva designs. This tool has 72 curated Google Font pairings of 100 families, with the CSS to use each one.

## Controls

| Control | Range | Default | Notes |
|---|---|---|---|
| Heading font | 100 Google Fonts, searchable | Playfair Display | typing a name from the list applies it; Lock keeps it |
| Body font | 100 Google Fonts, searchable | Source Sans 3 | 3–5 suggestion chips for the heading; Lock keeps it |
| Style | All, Classic, Modern, Friendly, Elegant, Bold, Editorial, Playful | All | filters Next pair; kept for the next visit |
| Next pair | button or Space |  | locked font stays; Space is ignored while typing in a field |
| Previous / Forward | last 50 pairs |  | history of this page view |
| Save pair | up to 24 |  | heart toggles; the Saved tab lists them |
| Preview as | Article, Card, Poster, Web page, Brand | Article | same template on the Compare tab |
| Headline / Paragraph | 80 / 400 characters | sample text | device only, never sent; empty = sample |
| Heading size | 20–96 px | 44 | slider + number box; under Advanced |
| Body size | 12–24 px | 17 | under Advanced |
| Line height | 1–2 | 1.5 | body text; under Advanced |
| Letter spacing | -0.05–0.2 em | 0 | heading; under Advanced |
| Copy CSS | button |  | link tag + font-family rules; toast |
| Open in Google Fonts | two links |  | specimen page of each font |
| Copy link | button |  | ?h=<heading>&b=<body> (font names and the tab only); in the Share menu on the Pair tab, with Download image of the brand sheet |
| Compare | 3 pairs | empty | current, random or saved pair; Use this pair / Remove |
| Business name / Tagline | 60 / 60 characters | sample | Brand preview only; device and vote link fragment only, never in analytics or the font request |
| Ask friends to pick | 2–3 pairs on Compare |  | numbered vote link + 1080 × 1350 card (link alone if fonts take over 4 s); replies tallied on this device, one vote per friend |
| Set as my brand fonts | one kit |  | pair, name, tagline, sizes, up to 3 hex colours; the tool opens on it next visit; kit card PNG and Copy font names on the Saved tab |

## Frequently Asked Questions

### Is the font pairing tool free?

Yes, completely: no account, no sign-up, no limit on pairs, previews or saved pairs. It is one of the free tools made by the team behind Qrdy Frames, and every font in it is a free Google Font.

### What is font pairing?

Font pairing is choosing two typefaces that work together, usually one for headings and one for body text. A good pair has clear contrast (serif with sans-serif, heavy with light) but similar proportions, so the page looks intentional and stays easy to read. This tool shows curated pairs with a live preview so you can judge the combination in context rather than from two font names.

### What are good Google Font pairings?

Reliable Google Font pairings include Playfair Display with Source Sans 3, Merriweather with Open Sans, Montserrat with Merriweather, Lora with Nunito Sans, Bebas Neue with Open Sans, DM Serif Display with DM Sans, and Oswald with EB Garamond. The list on this page has 72 such pairs grouped by style (Classic, Modern, Friendly, Elegant, Bold, Editorial, Playful), each with one line on why it works.

### Can I lock one font?

Yes. Press Lock on the heading or the body font and it stays while Next pair (or Space) changes the other one: with the heading locked you cycle through body fonts that suit it, with the body locked you cycle through heading fonts that go with it. Lock both and nothing changes until you unlock one; Previous steps back through what you saw.

### Can I type my own text?

Yes. Edit the headline (up to 80 characters) and the paragraph (up to 400) above the preview and every template and every compared pair uses them. The text is kept in this browser's local storage so it is there on your next visit, and it never goes into a URL, a request or analytics.

### Are these fonts free for commercial use?

Yes. Every font in the list is published on Google Fonts under the SIL Open Font License or the Apache License 2.0, which allow commercial use in print, on the web and in products at no cost. Check the licence on a font's Google Fonts page if you plan to redistribute the font files themselves.

### How do I use the pair on my website?

Press Copy CSS: you get a <link> tag that loads both fonts from Google Fonts with the weights the pair uses, plus a font-family rule for headings and one for the body with a system fallback. Paste the link tag into <head> and the rules into your stylesheet. Open in Google Fonts opens both specimen pages if you prefer to download the files or pick other weights.

### Can I use these fonts in Canva?

Most of them: Canva's font list includes a large part of Google Fonts, and Canva Pro accounts can upload any OFL font file downloaded from Google Fonts. Text to Frames, our Canva app, goes one step further and turns a headline set in a Google font into a photo frame inside your design.

### Can I save pairs?

Yes. Press Save pair (the heart) and the pair goes to the Saved tab, where you can apply it, send it to Compare or remove it; up to 24 are kept in this browser's local storage, together with your last pair, preview text, template, style filter and sizes, so the page opens where you left it. Nothing is saved until you do something.

### Is my text uploaded?

No. The preview text stays in your browser. Font files come from Google Fonts by family name only (the tool never uses the text= parameter), the share link carries the two font names and the tab, and analytics see a pair id from our list, never your words.

### Can my friends vote without an account?

Yes. They open the “Which one?” link, see your business name set in each font pair, tap a number and send their pick back as a short link. Nothing is stored on a server: the options live in the link, and the votes are counted in your browser when you open the replies.

### Is my business name sent anywhere?

No. It stays in your browser and in the link after the #, which browsers never send to a server. It is never in analytics or in the Google Fonts request, which asks for family names and weights only.

## Conclusion

### Way forward

- Pair fonts now: [Font Pairing](https://qrdyframes.qrdyai.com/tools/font-pairing); by style: [Classic](https://qrdyframes.qrdyai.com/tools/font-pairing#pairs-classic), [Modern](https://qrdyframes.qrdyai.com/tools/font-pairing#pairs-modern), [Friendly](https://qrdyframes.qrdyai.com/tools/font-pairing#pairs-friendly), [Elegant](https://qrdyframes.qrdyai.com/tools/font-pairing#pairs-elegant), [Bold](https://qrdyframes.qrdyai.com/tools/font-pairing#pairs-bold), [Editorial](https://qrdyframes.qrdyai.com/tools/font-pairing#pairs-editorial), [Playful](https://qrdyframes.qrdyai.com/tools/font-pairing#pairs-playful)
- Turn the headline into a photo frame inside Canva with Text to Frames: https://www.qrdynamic.xyz/texttoframes-in-canva?utm_source=qrdyframes&utm_medium=web&utm_campaign=llm-md (app page: [Text to Frames](https://qrdyframes.qrdyai.com/text-to-frames))
- Other designer tools: [Random Color Generator](https://qrdyframes.qrdyai.com/tools/random-color-generator), [Lorem Ipsum Generator](https://qrdyframes.qrdyai.com/tools/lorem-ipsum-generator), [Password Generator](https://qrdyframes.qrdyai.com/tools/password-generator)
- Other free tools: [Free Online Tools](https://qrdyframes.qrdyai.com/tools), [Christmas Ornament Photo Maker](https://qrdyframes.qrdyai.com/christmas-ornament-photo-maker), [Circle Crop Image](https://qrdyframes.qrdyai.com/circle-crop-image), [Heart Photo Frame](https://qrdyframes.qrdyai.com/shapes/heart-frame), [Password Generator](https://qrdyframes.qrdyai.com/tools/password-generator), [Bulk QR Code Generator](https://qrdyframes.qrdyai.com/tools/bulk-qr-code-generator), [Random Team Generator](https://qrdyframes.qrdyai.com/tools/random-team-generator), [Yes or No Wheel](https://qrdyframes.qrdyai.com/tools/yes-or-no-wheel), [Random Letter Generator](https://qrdyframes.qrdyai.com/tools/random-letter-generator), [Classroom Timer](https://qrdyframes.qrdyai.com/tools/classroom-timer), [Bingo Card Generator](https://qrdyframes.qrdyai.com/tools/bingo-card-generator), [Lorem Ipsum Generator](https://qrdyframes.qrdyai.com/tools/lorem-ipsum-generator), [Random Color Generator](https://qrdyframes.qrdyai.com/tools/random-color-generator), [2027 Calendar](https://qrdyframes.qrdyai.com/tools/2027-calendar), [Seating Chart Maker](https://qrdyframes.qrdyai.com/tools/seating-chart-maker), [QR Code Scanner from Image](https://qrdyframes.qrdyai.com/tools/qr-code-scanner-from-image)
- What this site is about: [Qrdy Frames](https://qrdyframes.qrdyai.com/)

## Related pages

- [Free Online Tools](https://qrdyframes.qrdyai.com/tools): every free tool on one page (16 tools)
- [Christmas Ornament Photo Maker](https://qrdyframes.qrdyai.com/christmas-ornament-photo-maker): free tool: drop a photo and see it inside ornaments, stockings, mittens and more
- [Circle Crop Image](https://qrdyframes.qrdyai.com/circle-crop-image): free tool: crop any photo into a perfect circle in seconds
- [Heart Photo Frame](https://qrdyframes.qrdyai.com/shapes/heart-frame): free tool: place any photo inside a heart shape and download a transparent png
- [Password Generator](https://qrdyframes.qrdyai.com/tools/password-generator): free tool: strong passwords, passphrases, PINs and developer secrets
- [Bulk QR Code Generator](https://qrdyframes.qrdyai.com/tools/bulk-qr-code-generator): free tool: hundreds of QR codes from a list or CSV, as PNG or SVG in one ZIP
- [Random Team Generator](https://qrdyframes.qrdyai.com/tools/random-team-generator): free tool: split names into fair random teams, save class lists, avoid repeat pairs, present on a projector
- [Yes or No Wheel](https://qrdyframes.qrdyai.com/tools/yes-or-no-wheel): free tool: spin for a yes or no (or maybe), keep a history of your questions, best of 3, custom decision wheel
- [Random Letter Generator](https://qrdyframes.qrdyai.com/tools/random-letter-generator): free tool: random letters A–Z with no repeats, vowels or consonants, a letter wheel, random words, Scattergories timer
- [Classroom Timer](https://qrdyframes.qrdyai.com/tools/classroom-timer): free tool: classroom countdown timer with quick 1–15 min buttons, shrinking colour ring, presets, chained timers, Pomodoro mode, full screen
- [Bingo Card Generator](https://qrdyframes.qrdyai.com/tools/bingo-card-generator): free tool: printable bingo cards from words, emoji or numbers 1–75, 3x3 / 4x4 / 5x5, 1–200 unique cards, bingo caller with full screen, winner check, saved sets, play link
- [Lorem Ipsum Generator](https://qrdyframes.qrdyai.com/tools/lorem-ipsum-generator): free tool: lorem ipsum dummy text with exact word or character counts, HTML <p> tags, and placeholder images at any size (PNG / JPG / WebP), presets and a size set
- [Random Color Generator](https://qrdyframes.qrdyai.com/tools/random-color-generator): free tool: random color and palette generator with locks, styles and harmony rules, a color palette from any image (never uploaded), HEX / RGB / HSL copy, contrast check, saved palettes and a color of the day
- [2027 Calendar](https://qrdyframes.qrdyai.com/tools/2027-calendar): free tool: printable 2027 calendar with US holidays, year on one page or month per page, Letter / A4, portrait / landscape, Sunday or Monday start, week numbers, your own events with countdowns, saved in the browser
- [Seating Chart Maker](https://qrdyframes.qrdyai.com/tools/seating-chart-maker): free tool: classroom and wedding seating chart maker, rows / pairs / groups / U-shape or round and long tables, random shuffle with keep-apart and keep-together rules, drag or tap to swap, saved classes with a weekly rotation, print, PNG, present mode
- [QR Code Scanner from Image](https://qrdyframes.qrdyai.com/tools/qr-code-scanner-from-image): free tool: QR code scanner from image or screenshot, reads several codes at once, checks the link for phishing warning signs before you open it, nothing uploaded

## Licence and affiliation

The font pairing tool is free to use for any purpose; the fonts are Google Fonts under the SIL Open Font License or Apache 2.0, the pairs and the CSS you copy are yours, and your preview text, saved pairs and settings stay in your browser and are never stored by us. Qrdy Frames is an independent tool and isn't affiliated with Canva.

---
[All pages (llms.txt)](https://qrdyframes.qrdyai.com/llms.txt) · [Full content](https://qrdyframes.qrdyai.com/llms-full.txt) · [Qrdy docs](https://docs.qrdyai.com) · [Qrdy](https://www.qrdyai.com) · Updated 2026-11-13