Source Sans's clean humanist headlines over Quattrocento's classic serif body make a composed, professional system — the sans leads neutrally while Quattrocento gives the reading text warmth and authority, with the class...
How Source Sans 3 and Quattrocento score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
Source Sans's clean humanist headlines over Quattrocento's classic serif body make a composed, professional system — the sans leads neutrally while Quattrocento gives the reading text warmth and authority, with the class contrast holding the hierarchy.
Documentation, reports and corporate content wanting a clean headline over a classic serif body.
Keep a clear weight gap so the neutral sans headline leads Quattrocento's wide serif body.
Add the fonts, then two rules — Source Sans 3 for headings, Quattrocento for everything you read.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@500;700&family=Quattrocento:wght@400;500&display=swap" rel="stylesheet">
h1, h2, h3 { font-family: "Source Sans 3", sans-serif; font-weight: 700; letter-spacing: -0.01em; } body, p { font-family: "Quattrocento", serif; font-weight: 400; line-height: 1.7; }
The in-house pairing: Quattrocento's wide serif headlines over its companion Quattrocento Sans body. The two were drawn together to share pr...
Montserrat's crisp geometric headlines over Quattrocento's wide classic serif body is a clean modern-meets-traditional system — the geometri...
Lato's warm humanist headlines over Quattrocento's classic serif body pair two faces with a friendly temperament from opposite sides of the...
One short email a week — a new pairing, a specimen, and a tip. No spam.