← 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.

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

Pablo Impallari, 2012

serif · 400, 700

→ Google Fonts ↗

Quattrocento Sans

Pablo Impallari, 2012

sans-serif · 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