Work Sans's clean grotesque headlines over Vollkorn's warm serif body pair a contemporary, slightly characterful headline with hearty reading text — the sans leads crisply while Vollkorn keeps the body comfortable, the c...
How Work Sans and Vollkorn score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
Work Sans's clean grotesque headlines over Vollkorn's warm serif body pair a contemporary, slightly characterful headline with hearty reading text — the sans leads crisply while Vollkorn keeps the body comfortable, the class contrast holding hierarchy.
Modern editorial and content sites wanting a contemporary headline over a warm serif body.
Use Work Sans's display weights for headings so they lead Vollkorn's darker body clearly.
Add the fonts, then two rules — Work Sans for headings, Vollkorn for everything you read.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@500;700&family=Vollkorn:wght@400;500&display=swap" rel="stylesheet">
h1, h2, h3 { font-family: "Work Sans", sans-serif; font-weight: 700; letter-spacing: -0.01em; } body, p { font-family: "Vollkorn", serif; font-weight: 400; line-height: 1.7; }
Montserrat's crisp geometric headlines over Vollkorn's warm serif body is a clean modern-meets-classic system — the geometric sans leads wit...
Lato's warm humanist headlines over Vollkorn's hearty serif body pair two friendly faces from opposite sides of the sans/serif line — Lato g...
Inter's neutral, screen-tuned headlines over Vollkorn's warm serif body frame a hearty reading face with a clean modern headline — the contr...
One short email a week — a new pairing, a specimen, and a tip. No spam.