Bebas Neue & Karla
A condensed all-caps display headline with a slightly quirky grotesque body.
Typography is a hierarchy
Decide what speaks first
If everything is emphasised, nothing is. Give each face one clear job.
Why it works
Bebas Neue's condensed all-caps display headline over a quiet body: Bebas Neue at the top, Karla for the rest, and no third face needed.
What each font brings
- Heading face
- Bebas Neuecondensed all-caps display
- Body face
- Karla keeps the reading even and quiet.slightly quirky grotesque
Best for
Copy the code
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400&family=Karla:wght@300;400;500;700&display=swap" />