EB Garamond & Roboto
A refined old-style Garamond headline with a neutral Android 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
EB Garamond gives the page refined old-style Garamond character at heading sizes, and Roboto takes over for interface copy without arguing with it.
What each font brings
- Heading face
- EB Garamondrefined old-style Garamond
- Body face
- Roboto keeps the reading even and quiet.neutral Android 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=EB+Garamond:wght@400;500;600;700&family=Roboto:wght@300;400;500;700;900&display=swap" />