Work Sans brings a low-contrast, slightly contemporary grotesque to the headings, giving EB Garamond's classical body a more modern, editorial frame. The class contrast keeps the roles distinct.
How Work Sans and EB Garamond score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
Work Sans brings a low-contrast, slightly contemporary grotesque to the headings, giving EB Garamond's classical body a more modern, editorial frame. The class contrast keeps the roles distinct.
Modern editorial and design-led sites wanting classical body warmth under contemporary headings.
As ever with Garamond, size the body up against Work Sans's taller x-height.
Add the fonts, then two rules — Work Sans for headings, EB Garamond 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=EB+Garamond: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: "EB Garamond", serif; font-weight: 400; line-height: 1.7; }
Both faces descend from Garamond, so they share a visual language — and crucially they share a small x-height, which makes this the one EB G...
Raleway is an elegant geometric sans whose refined, thin character complements EB Garamond's classical grace rather than fighting it — moder...
Source Sans is a neutral humanist sans that recedes as crisp, modern headings, letting EB Garamond's classical body supply the warmth and ch...
One short email a week — a new pairing, a specimen, and a tip. No spam.