Merriweather & Inter
A sturdy screen serif headline with a neutral interface grotesque body.
Set the tone at the top
A pairing test
The body face does the reading, so it should stay quiet and even.
Why it works
Merriweather gives the page a sturdy screen serif voice at heading sizes, and Inter takes over for interface copy without arguing with it.
What each font brings
- Heading face
- Merriweathersturdy screen serif
- Body face
- Inter keeps the reading even and quiet.neutral interface 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=Merriweather:wght@300;400;700;900&family=Inter:wght@400;500;600;700&display=swap" />