Spin, preview, and take beautiful free fonts into your next project.
Bricolage Grotesque + Inter font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows Bricolage Grotesque for headings and Inter for body text.
Why they work together
Bricolage Grotesque has ink-trap details and an optical size axis that add character at headline sizes. Inter balances its quirks with steady body text.
How to use this pairing
Use Bricolage at 700–800 with its optical size set high for headlines. Inter for body and interface text.
Best for
- Creative startups
- Newsletters
- Community sites
More pairings for Bricolage Grotesque and Inter.
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=Bricolage+Grotesque&body=Inter */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque&family=Inter&display=swap');
h1, h2, h3 {
font-family: 'Bricolage Grotesque', sans-serif;
}
body {
font-family: 'Inter', sans-serif;
}Similar font pairings
Start with a little inspiration
Curated pairings for the thing you’re making.
Google Font pairings for portfolios ↗
Give your work a distinctive voice with three free font pairings for creative portfolios.
Google Font pairings for SaaS websites ↗
Explore three free, readable font combinations for SaaS landing pages and product interfaces.
Google Font pairings for blogs and editorial sites ↗
Try three free serif and sans-serif combinations for readable articles, newsletters, and magazines.