Inter + Source Serif 4
8/10
modern-readable
Live Preview
. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Why This Pairing Works
Inter's geometric precision creates clean, modern headlines while Source Serif 4's traditional serif forms bring warmth and readability to body text.
Type Specimen
How to Use
HTML <link>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">CSS
h1, h2, h3, h4, h5, h6 {
font-family: 'Inter', sans-serif;
}
body, p, li {
font-family: 'Source Serif 4', serif;
}Pairing Details
- Score
- 8/10
- Mood
- modern-readable
- Heading
- Inter
- Body
- Source Serif 4
- Heading category
- Sans Serif
- Body category
- Serif
Best For
blog
documentation
news