Inter and Source Serif 4 Font Pairing

For a page that should feel organized and quietly authoritative, Inter over Source Serif 4 is a sensible choice. Inter, a neutral sans serif, handles headings at weight 700, and Source Serif 4, a crisp text serif, sets the body. Together they read as modern and credible, which suits blogs, business sites and resumes where clarity matters more than personality.

Why Inter and Source Serif 4 Work Together

Inter is a grotesque-style sans serif with a tall x-height, open shapes and even, unfussy strokes. At 700 it looks firm and direct without shouting. Source Serif 4 is a transitional serif with moderate stroke contrast, sharp wedge serifs and a slightly condensed texture, so paragraphs look orderly and a little bookish.

The pair works because each font stays in its lane. Inter supplies structure and signposting, Source Serif 4 supplies the reading experience. Both fonts include an optical size axis, so the serif can sharpen its details at display sizes and loosen them for small text, and Inter can do the same. The result is a page that feels engineered but not sterile.

Where Inter and Source Serif 4 Work Best

Think of a long-form blog about personal finance, a law or design consultancy explaining its services, or a one-page resume where section labels in Inter guide the eye and the serif makes job descriptions feel thoughtful. In each case the reader gets fast navigation from the headings and comfortable reading in the text.

Weights and Sizes to Use

Use Inter at 700 for main headings and 600 for subheads; the family runs from 100 to 900 with italics. Set Source Serif 4 at 400 for body copy and 700 for bold, at 17 to 18px on screens with a line height around 1.6. On a printed resume, 10.5 to 11pt body text works well. Heading line height of 1.15 to 1.2 keeps Inter’s tall lowercase from feeling loose.

Things to Watch

Inter’s tall x-height can make it look larger than the serif beneath it, so check that small subheads do not overpower the body. Avoid setting Inter at very light weights for headings, since the pairing depends on clear contrast in weight as well as style. If your site builder offers only a few weights, load just 400, 700 and an italic to keep pages fast.