Cormorant and Ysabeau Office Font Pairing
Set in Cormorant 600 and Ysabeau Office 400
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@600&family=Ysabeau+Office:wght@400;700&display=swap');
body {
font-family: 'Ysabeau Office', system-ui, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Cormorant', Georgia, serif;
font-weight: 600;
}Cormorant and Ysabeau Office are a graceful pairing from the same designer. Cormorant, a delicate display serif, sets the headings at weight 600, and Ysabeau Office, a sans built on Garamond’s bones, carries the body. The page feels elegant from top to bottom, which suits weddings, luxury brands, galleries and fine dining.
Cormorant & Ysabeau Office
Headings 600, body text 400
ABCDEFGHIJKLM
abcdefghijklm
0123456789 &?!
Body text has to stay comfortable from the first line to the last.
Why Cormorant and Ysabeau Office Work Together
Cormorant is a free display family by Christian Thalmann of Catharsis Fonts, who conceived, drew, spaced and produced the whole project himself. It is delicate, with fine details that shine at large sizes. Ysabeau, also by Thalmann, combines the timeless letterforms of the Garamond tradition with the crispness of a clean, low-contrast sans. Ysabeau Office is the member of that family built for everyday text.
Most sans fonts paired with a Garamond-style serif share little with it, but this one comes from the same source. Ysabeau keeps the wide stride and long extenders of a book face, so its shapes echo Cormorant’s without copying its contrast. Thalmann himself suggests the match. The result is one of the rare pairings where serif and sans feel like members of a family.
Where Cormorant and Ysabeau Office Work Best
Wedding sites and invitations are the natural fit, since Cormorant has a formal grace and Ysabeau keeps schedules and details readable. Luxury brands such as jewellers, hotels and fragrance houses can use it for a quiet, expensive look. Galleries and fine dining restaurants suit it too, because the type feels considered without needing any decoration.
Weights and Sizes to Use
Set Cormorant at 600 for headings, and use it large; the family runs from 300 to 700 with italics. It rarely looks its best below about 28px. Use Ysabeau Office at 400 for body text and 600 for bold. Body text works well at 18px with a line height near 1.6, and heading line height can stay close to 1.15.
Things to Watch
Cormorant’s tiny x-height makes it look much smaller than its nominal size, so be generous, and keep it out of buttons, captions and small subheads. Its thin strokes can also fade in dark mode, so step up a weight there. Ysabeau is lighter than many text sans fonts, so check that paragraphs have enough contrast against tinted backgrounds.
Similar Pairings
Pairs with a similar elegant feel, each with its own page.
Playfair Display & Lora
The best pairings go unnoticed. Readers remember the story, not the fonts, and that is exactly the point.
Playfair Display & Source Sans 3
Good type disappears into the reading. The heading sets the tone, and the body font carries the story to the last line.
Cormorant Garamond & Lato
A well-made pair feels like one voice in two registers: a confident headline and a calm, even paragraph underneath.