← ALL PAIRS

Bricolage Grotesque + Inter font pairing

Bricolage Grotesque and Inter are a display and sans-serif pairing with balanced contrast. Bricolage Grotesque for headings, Inter for body text. Bricolage Grotesque's quirky ink traps and optical corrections give headlines character. Inter handles the rest. Great for editorial platforms, creative agencies, and distinctive brand identities.

BRICOLAGE GROTESQUE + INTER

EDIT BELOW

The Quick Brown Fox Jumps Over The Lazy Dog
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing, as well as modifying the space between pairs of letters.

USE THIS PAIR

# npm
npm install @fontsource/bricolage-grotesque @fontsource/inter

# yarn
yarn add @fontsource/bricolage-grotesque @fontsource/inter

# pnpm
pnpm add @fontsource/bricolage-grotesque @fontsource/inter

# Then import in your app entry point:
import '@fontsource/bricolage-grotesque';
import '@fontsource/inter';

# CSS usage:
# h1, h2, h3 { font-family: 'Bricolage Grotesque', sans-serif; }
# body { font-family: 'Inter', sans-serif; }

RECOMMENDED WEIGHTS · BRICOLAGE GROTESQUE

Regular 400The quick brown fox jumps over the lazy dog
Bold 700The quick brown fox jumps over the lazy dog
ExtraBold 800The quick brown fox jumps over the lazy dog

INTER

Regular 400The quick brown fox jumps over the lazy dog
Medium 500The quick brown fox jumps over the lazy dog

CHARACTER SET · BRICOLAGE GROTESQUE

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

INTER

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

ABOUT

Bricolage Grotesque

A display grotesque with quirky ink traps and optical size adjustments that give headlines character without losing readability. The name means 'DIY' in French, reflecting its handmade sensibility.

Mathieu Triay, 2022

display · 7 styles

Variable

Recommended: 400, 700, 800

Available: 200800

→ Google Fonts ↗

Inter

Designed by Rasmus Andersson for computer screens, Inter is a highly legible sans-serif with carefully adjusted letter-spacing and a tall x-height. One of the most widely used fonts in digital product design.

Rasmus Andersson, 2017

sans-serif · 18 styles

Variable · Italic

Recommended: 400, 500

Available: 100900

→ Google Fonts ↗

ASK AI

Would Bricolage Grotesque + Inter work for my project?

Sends this question and a link back to this page.

BRICOLAGE GROTESQUE × INTER21 / 42