Abril Fatface & Josefin Sans font pairing

Pair Abril Fatface for headlines with Josefin Sans for body copy when you want clear UI hierarchy. Abril Fatface carries display weight and brand voice; Josefin Sans keeps paragraphs and helper text readable at smaller sizes. Download both from Google Fonts and test at 16–18px body with a bold or medium heading scale.

• Landing heroes: Abril Fatface at large sizes, Josefin Sans for supporting sentences and CTAs.
• Product UI: keep Josefin Sans for forms, tables, and settings; reserve Abril Fatface for page titles and empty states.
• Portfolios: use the contrast between Abril Fatface and Josefin Sans to separate case-study titles from captions.