Source Serif 4 & Inter
A contemporary text 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
Source Serif 4 gives the page contemporary text serif character at heading sizes, and Inter takes over for interface copy without arguing with it.
What each font brings
- Heading face
- Source Serif 4contemporary text 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=Source+Serif+4:wght@300;400;600;700&family=Inter:wght@400;500;600;700&display=swap" />