Abril Fatface and Lato Font Pairing

Set in Abril Fatface 400 and Lato 400

‹Next pair ›

Abril Fatface brings drama and Lato keeps things calm. In this pairing the headings use a heavy, high-contrast display serif at its single weight of 400, and Lato sets the body text in a warm, even sans serif. The combination feels bold and editorial, and it works well for lifestyle blogs, wedding stationery and small shops with a strong visual identity.

A type specimen for Abril Fatface and Lato. Captions like this one are set in Lato at 14.5px.

Why Abril Fatface and Lato Work Together

Abril Fatface, from TypeTogether, is a fat face display serif in the Didone style: very thick vertical strokes, hairline horizontals and serifs, round ball terminals and an upright, vertical stress. Lato is a sans serif with low stroke contrast and slightly rounded details that make it feel warm rather than mechanical. The difference between the two is huge, in weight, in contrast and in texture.

That extreme difference is the point. A short headline in Abril Fatface behaves almost like an image, a dark, glossy shape at the top of the page, while Lato forms a light grey field of text below it. Since the heading is so heavy, the body needs to be quiet, and Lato is neutral enough to step back without looking bland. The mood is confident and a little glamorous, like a magazine cover.

Where Abril Fatface and Lato Work Best

Try it on a food or fashion blog where post titles act like cover lines, or for a couple’s names on a save-the-date card with the date and venue in Lato underneath. It also suits a bakery, florist or stationery shop that wants product pages with personality. Keep the Abril Fatface moments short and let Lato do the explaining.

Weights and Sizes to Use

Abril Fatface has one weight, 400, and no italic. Its hairlines vanish at small sizes, so keep it at 32px or larger on screens and around 30pt or more for printed names. A heading line height of 1.1 to 1.15 keeps big titles compact. Lato has a wide range of weights from thin to black; set body at 400 with 700 for bold, at 17px with a line height of 1.6 to 1.7. Lato 700 in small capitals with light letter spacing makes a good subheading.

Things to Watch

Abril Fatface is so heavy that two heading levels in it compete for attention. Use it for the main title and perhaps section headings, then switch to Lato for smaller subheads. The hairlines can disappear on pale colours or light printing, so set it in a dark colour with strong contrast. Never apply bold or italic to it, because the browser will fake them and the shapes will distort.

Similar Pairings

Pairs with a similar bold feel, each with its own page.

Browse all 62 font pairings ›