← ALL PAIRS

QUATTROCENTO + QUATTROCENTO SANS

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.

QUATTROCENTO

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

QUATTROCENTO SANS

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

CHARACTER SET · QUATTROCENTO

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
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

QUATTROCENTO SANS

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
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

USE THIS PAIR

# npm
npm install @fontsource/quattrocento @fontsource/quattrocento-sans

# yarn
yarn add @fontsource/quattrocento @fontsource/quattrocento-sans

# pnpm
pnpm add @fontsource/quattrocento @fontsource/quattrocento-sans

# Then import in your app entry point:
import '@fontsource/quattrocento';
import '@fontsource/quattrocento-sans';

# CSS usage after import:
# font-family: 'Quattrocento', serif;
# font-family: 'Quattrocento Sans', sans-serif;

ABOUT

Quattrocento

A classical serif with wide proportions inspired by Renaissance type. Designed by Pablo Impallari, its generous letterforms and even color make it comfortable for sustained reading.

Pablo Impallari, 2012

serif · 2 styles

Recommended: 400, 700

→ Google Fonts ↗

Quattrocento Sans

The sans-serif companion to Quattrocento, sharing its proportions and rhythm. Designed to pair naturally with its serif sibling while offering a more modern, clean alternative for UI contexts.

Pablo Impallari, 2012

sans-serif · 4 styles

Italic

Recommended: 400, 700

→ Google Fonts ↗

A matched pair designed to work together. The serif and sans share proportions and rhythm, creating effortless cohesion. Perfect for book-like layouts, long-form articles, and academic publications.

QUATTROCENTO × QUATTROCENTO SANS30 / 38