Abril Fatface Font: History, Pairings and How to Use It
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface:wght@400&family=Inter:wght@400;700&display=swap');
body {
font-family: 'Inter', system-ui, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Abril Fatface', Georgia, serif;
font-weight: 400;
}Abril Fatface is a free, high-contrast display serif designed by Veronika Burian and José Scaglione of TypeTogether and released in 2011. Google Fonts carries one very heavy style, Regular 400, made for large headlines. It pairs best with a clean sans serif for body text, such as Lato, Poppins or Source Sans 3. Because it is a display font, use it for headings and choose a text font for paragraphs.
Abril Fatface
Good type disappears into the reading. The heading sets the tone, and the body text carries the story to the last line. Readers spend most of their time here, so the letters have to stay comfortable from the first paragraph to the tenth.
Headings in Abril Fatface 400, text in Inter 400See Abril Fatface on a full page ›
What Kind of Font Is Abril Fatface
Abril Fatface is a fat face: an extra-heavy version of the Didone, or modern, serif style. Didones have strong vertical stress, very thin hairlines and serifs, and thick main strokes, which gives them their crisp, high-contrast look. Fat faces push that contrast as far as it goes. The style first appeared in early 19th-century Britain, when printers needed letters that could be read from across the street on posters and handbills.
TypeTogether says Abril Fatface was inspired by the heavy titling fonts used on advertising posters in 19th-century Britain and France. The result keeps the drama of those posters but with cleaner curves and more even color, so it looks current rather than antique. Its round, ball-ended letters and tight spacing give headlines a confident, slightly glamorous feel.
Who Designed Abril Fatface
Abril Fatface comes from Abril, a larger type family that Veronika Burian and José Scaglione designed for newspapers, magazines and digital media. TypeTogether, their independent foundry, released Abril in 2011, and the family won Typographica’s Best Typefaces of 2011 and a gold prize at the 2012 European Design Awards.
The full Abril family is commercial and includes text weights for reading, display weights for headlines and matching italics. Abril Fatface is the one display style that TypeTogether made free under the SIL Open Font License. It sits between the Extrabold and Black display weights, which is why it looks so heavy even though it is labeled Regular.
When to Use Abril Fatface
Abril Fatface is a headline font. It looks its best large, at roughly 32 pixels and up on screen, where its thin hairlines have room to show. It works well for magazine and blog titles, posters, book covers, menus, product packaging, event and wedding invitations, and short logos or wordmarks. A single line of Abril Fatface can carry a whole layout, so it usually needs little else in the way of decoration.
Avoid it for body text, buttons and small labels. At small sizes the thin strokes break up and the heavy ones fill in, and long passages become tiring to read. Use it in title case or sentence case rather than long runs of capitals, and give headlines a slightly tight line height of about 1.1 to 1.2 so stacked lines read as one unit.
The Best Fonts to Pair with Abril Fatface
Because Abril Fatface is so loud, the best partners are quiet. A clean sans serif with a normal x-height is the classic choice, and a calm text serif works for more traditional pages. Each pair below is set in its own fonts, so you can see the contrast as you read.
Abril Fatface and Lato
Set in Abril Fatface 400 and Lato 400 See this pair ›
Best for blogs, magazines and lifestyle brands. Lato, a warm humanist sans serif by Łukasz Dziedzic, is the most common partner for Abril Fatface for good reason. Its semi-rounded details echo the round shapes in Abril without competing, and it stays readable in long paragraphs.
Abril Fatface and Poppins
Set in Abril Fatface 400 and Poppins 400 Try this pair in the generator ›
Best for food, events, beauty and small consumer brands. Poppins is a geometric sans serif with near-circular letters, and next to the high contrast of Abril Fatface it creates a lively mix of classic and modern. Use it at weight 400 for body text so the page does not get too dark.
Abril Fatface and Source Sans 3
Set in Abril Fatface 400 and Source Sans 3 400 Try this pair in the generator ›
Best for news sites, long features and editorial pages with a lot of text. Source Sans 3, from Adobe, is a neutral sans serif built for long reading. It lets Abril Fatface do all the talking and keeps articles calm and easy to scan.
Abril Fatface and Lora
Set in Abril Fatface 400 and Lora 400 Try this pair in the generator ›
Best for recipes, wedding sites and literary blogs. Lora is a text serif with gentle calligraphic curves, and pairing two serifs works here because they do different jobs: Abril Fatface is dramatic and heavy, while Lora is soft and moderate in contrast. The pair has a bookish, romantic feel.
Abril Fatface and Work Sans
Set in Abril Fatface 400 and Work Sans 400 Try this pair in the generator ›
Best for studios, portfolios, event pages and anything with a modern editorial look. Work Sans is a grotesque sans serif with a slightly wide, straightforward build, which gives Abril Fatface a crisp, poster-like partner.
Abril Fatface and Karla
Set in Abril Fatface 400 and Karla 400 Try this pair in the generator ›
Best for independent shops, cafes and small brands that want to look friendly but polished. Karla is a grotesque sans serif with a few quirky shapes, and it adds a little personality without fighting the headline.
Abril Fatface Font Pairings at a Glance
The six pairings above, side by side. Abril Fatface is used at its only weight, 400, in every case.
| Heading Font | Body Font | Feel | Good For |
|---|---|---|---|
| Abril Fatface 400 | Lato 400 | Classic, warm | Blogs, magazines, lifestyle |
| Abril Fatface 400 | Poppins 400 | Lively, modern | Food, events, beauty |
| Abril Fatface 400 | Source Sans 3 400 | Calm, editorial | News, long features |
| Abril Fatface 400 | Lora 400 | Bookish, romantic | Recipes, weddings, literary |
| Abril Fatface 400 | Work Sans 400 | Crisp, poster-like | Studios, portfolios, events |
| Abril Fatface 400 | Karla 400 | Friendly, polished | Shops, cafes, small brands |
Fonts Similar to Abril Fatface
If you like the look but want a little less weight, or a slightly different flavor, these free Google Fonts are close relatives. Each one is shown with Lato as the body font so you can compare them directly.
DM Serif Display
Set in DM Serif Display 400 and Lato 400 Try this pair in the generator ›
Best when Abril Fatface feels too heavy for a page. DM Serif Display has the same high-contrast Didone roots but is lighter and narrower.
Playfair Display Black
Set in Playfair Display 900 and Lato 400 See this pair ›
Best when you need a full range of weights and italics, which Abril Fatface lacks. Playfair Display at its Black weight, 900, comes close to the darkness of Abril Fatface, with sharper, more transitional details.
Bodoni Moda
Set in Bodoni Moda 900 and Lato 400 Try this pair in the generator ›
Best for a fashion-magazine look. Bodoni Moda is a revival of the classic Bodoni style, and at its heaviest weights it has the same contrast as Abril Fatface, with more vertical, upright shapes.
Gloock
Set in Gloock 400 and Lato 400 Try this pair in the generator ›
Best for warm, editorial headlines. Gloock is a high-contrast serif with softer, slightly wedge-shaped serifs, a little less formal than Abril Fatface.
How to Use Abril Fatface on Your Website
Abril Fatface is free on Google Fonts, so you can load it with a single line in your site’s head. Open a pairing above and select Use These Fonts on its page to copy the exact code for that pair, including the CSS for headings and body text.
One detail matters more with Abril Fatface than with most fonts. It has only one weight, so set your headings to font-weight: 400. Many themes make headings bold by default, and when a font has no bold, the browser fakes one by thickening the letters, which smudges the thin hairlines. The same goes for italics: Google Fonts has no Abril Fatface italic, so avoid italic headlines or the browser will slant the letters artificially.
Using Abril Fatface in Canva, Google Docs, Word and Figma
Abril Fatface is built into Canva’s font list, so you can choose it from the font menu with no upload. In Google Docs, open the font menu, choose More fonts and search for Abril Fatface. Figma includes Google Fonts by default, so it is available there too.
For Microsoft Word, PowerPoint or other desktop apps, download the font from Google Fonts, install the file on your computer, then restart the app. If you share the document with others, they need the font installed too, or export a PDF to keep the look intact.
Frequently Asked Questions
Common questions about the Abril Fatface font.
Is Abril Fatface Free for Commercial Use?
Yes. Abril Fatface is released under the SIL Open Font License, which allows personal and commercial use, including logos, websites, printed products and designs you sell. The only thing you cannot do is sell the font files on their own.
Does Abril Fatface Have Bold or Italic Styles?
Not on Google Fonts. The free version has one style, Regular 400, which is already about as heavy as a Black weight. Italics and other weights exist in the commercial Abril family from TypeTogether.
Is Abril Fatface a Serif Font?
Yes. It is a high-contrast display serif in the Didone tradition, specifically a fat face, the extra-heavy poster style that became popular in 19th-century Britain.
Can You Use Abril Fatface for Body Text?
It is not a good idea. Abril Fatface is designed for large sizes, and its thin strokes and heavy weight make paragraphs hard to read. Pair it with a sans serif such as Lato or Source Sans 3 for body text instead.
What Font Is Similar to Abril Fatface?
DM Serif Display is the closest lighter alternative, and Playfair Display at weight 900 is the closest match in darkness. Bodoni Moda and Gloock are also good high-contrast choices, all free on Google Fonts.
Related Pairings
Abril Fatface with Lato, plus two pairs with the same high-contrast, elegant feel.
Abril Fatface & Lato
Good type disappears into the reading. The heading sets the tone, and the body font carries the story to the last line.
Playfair Display & Lora
A well-made pair feels like one voice in two registers: a confident headline and a calm, even paragraph underneath.
DM Serif Display & DM Sans
Contrast does the work. When the heading and the body clearly differ, the page tells readers where to look first.