Cormorant Garamond and Lato Font Pairing

Cormorant Garamond at 600 for headings with Lato for body text is one of the most graceful combinations on this site. Cormorant's fine, sharply drawn letters give names and titles a refined, almost couture look, and Lato's warm, steady sans serif keeps details readable. It is a natural fit for wedding websites and stationery, and for portfolios with a soft, upscale feel.

Why Cormorant Garamond and Lato Work Together

Cormorant Garamond is part of Christian Thalmann’s Cormorant display family, inspired by Claude Garamont’s legacy but not based on any specific font. It behaves like a display serif: high contrast, a tiny x-height, long ascenders and descenders, and very fine, pointed serifs. Those proportions give it a delicate, airy look, and they are also why it only shines at larger sizes.

Lato, by Łukasz Dziedzic, balances the other way. Its designer aimed for a typeface that feels transparent in body text, and its semi-rounded details give it a gentle warmth. It has a much larger x-height than Cormorant and little stroke contrast, so paragraphs look clear and settled under the light, tall headings. Two fonts with such different proportions rarely clash: one is clearly for show, the other for reading.

Where Cormorant Garamond and Lato Work Best

On a wedding site, Cormorant handles the couple’s names, the date and section titles, while Lato carries the schedule, venue directions and RSVP form. The same pairing translates neatly to a printed save-the-date card or dinner menu. Florists, interior designers, jewellers and fashion photographers can use it on a portfolio, letting Cormorant titles set the mood while Lato keeps project notes and contact details easy to read.

Weights and Sizes to Use

Use Cormorant Garamond at 600; its range is 300 to 700, and the regular weight is too fragile for most screen headings. Keep main headings at 32px or larger and subheadings no smaller than about 28px, with a line height of 1.1 to 1.2. Set Lato at 400 for body and 700 for bold, at 16 to 18px with a line height of 1.6. Lato comes in nine weights from 100 to 900, so 300 is available for a soft introductory paragraph at a larger size.

Things to Watch

Cormorant’s small x-height means it looks far smaller than Lato at the same pixel size, so a heading that seems fine in a design tool can shrink to nothing on a phone. Test on a real device. Its thin strokes also fade in low-contrast colour schemes, such as blush text on cream, which is common on wedding sites; use a deeper shade for headings. Keep Cormorant out of buttons and menus.