The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
QUATTROCENTO + QUATTROCENTO SANS
QUATTROCENTO
QUATTROCENTO SANS
CHARACTER SET · QUATTROCENTO
QUATTROCENTO SANS
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
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
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.
RELATED PAIRS
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.