The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
Fraunces + Inter font pairing
Fraunces and Inter are a serif and sans-serif pairing with strong contrast. Fraunces for headings, Inter for body text. Fraunces brings expressive editorial character while Inter keeps supporting copy and controls neutral, compact, and dependable. Ideal for design tools, creative software, portfolios, and editorial product sites.
FRAUNCES + 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/fraunces @fontsource/inter
# yarn
yarn add @fontsource/fraunces @fontsource/inter
# pnpm
pnpm add @fontsource/fraunces @fontsource/inter
# Then import in your app entry point:
import '@fontsource/fraunces';
import '@fontsource/inter';
# CSS usage:
# h1, h2, h3 { font-family: 'Fraunces', serif; }
# body { font-family: 'Inter', sans-serif; }RECOMMENDED WEIGHTS · FRAUNCES
Regular 400The quick brown fox jumps over the lazy dog
Medium 500The 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 · FRAUNCES
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
Fraunces
An old-style soft serif with a 'wonky' axis that controls the quirkiness of its letterforms. By Undercase Type, it ranges from refined to playful depending on the optical size and wonk settings.
Undercase Type, 2020
serif · 18 styles
Variable · Italic
Recommended: 400, 500
Available: 100–900
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: 100–900
ASK AI
Would Fraunces + Inter work for my project?
Sends this question and a link back to this page.