Archivo and Source Serif 4 Font Pairing
Set in Archivo 800 and Source Serif 4 400
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@800&family=Source+Serif+4:wght@400;700&display=swap');
body {
font-family: 'Source Serif 4', Georgia, serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Archivo', system-ui, sans-serif;
font-weight: 800;
}Archivo over Source Serif 4 pairs a heavy, assertive sans serif headline with a refined text serif. Archivo sets the headings at weight 800, an extra bold that gives them real punch, and Source Serif 4 handles the body. The page feels bold and editorial, a strong fit for business sites and blogs that want headlines with authority and comfortable long reading underneath.
Archivo & Source Serif 4
Headings 800, body text 400
ABCDEFGHIJKLM
abcdefghijklm
0123456789 &?!
Body text has to stay comfortable from the first line to the last.
Why Archivo and Source Serif 4 Work Together
Archivo is a grotesque sans serif with a sturdy, slightly squared structure and a width axis that runs from condensed to expanded. At 800 its strokes are thick and its counters tighten, so headlines look dense and confident, like a newspaper front page. Source Serif 4 is a transitional serif with moderate contrast and crisp wedge serifs, giving paragraphs an orderly, literary texture.
The pair rests on strong contrast in both weight and style. Archivo’s heavy, uniform strokes sit well above Source Serif 4’s lighter, more varied text, so the hierarchy is clear from across the room. The serif keeps the page from feeling like an advertisement, while the sans serif stops it from feeling like a textbook. The mood is bold but credible.
Where Archivo and Source Serif 4 Work Best
This works for a business site that wants to sound decisive, such as a marketing agency, a nonprofit campaign page or a startup explaining its product. On a blog, it suits opinion writing, industry analysis or a newsletter archive, where punchy headlines draw readers in and the serif keeps long arguments readable.
Weights and Sizes to Use
Use Archivo at 800 for main headings, which is heavier than the usual 700 and is the source of the bold mood; 700 suits smaller subheads. Both families are variable, so the weights are easy to fine-tune. Set Source Serif 4 at 400 for body and 700 for bold, at 17 to 18px with a line height around 1.6. Heading line height of 1.1 to 1.15 keeps heavy multi-line titles compact.
Things to Watch
At 800, Archivo can look crowded in long headlines, so keep titles short and give them room above and below. Avoid using the extra bold weight for small subheads, which can turn into dark blobs on mobile. If headlines feel too wide, Archivo’s width axis lets you narrow them slightly instead of shrinking the size.
Similar Pairings
Pairs with a similar bold feel, each with its own page.
Syne & Literata
The best pairings go unnoticed. Readers remember the story, not the fonts, and that is exactly the point.
Barlow Condensed & Barlow
Good type disappears into the reading. The heading sets the tone, and the body font carries the story to the last line.
Archivo Black & Archivo
A well-made pair feels like one voice in two registers: a confident headline and a calm, even paragraph underneath.