Jost and Newsreader Font Pairing

Jost and Newsreader give a blog or portfolio a modern editorial look: Jost at 600 sets clean geometric headlines, and Newsreader, a serif made for on-screen reading, handles the body. Together they feel like a contemporary design magazine, crisp at the top and comfortable through long articles, with enough personality to stand apart from sites that use sans serifs everywhere.

Why Jost and Newsreader Work Together

Jost, by Owen Earl of the foundry indestructible type, is a geometric sans serif inspired by 1920s German sans serifs. You can see that lineage in its near-circular o, c and e and its crisp, pointed apexes. At 600 it has a sturdy, architectural feel without turning heavy. Newsreader, from Production Type, is an original serif intended for continuous on-screen reading in content-rich settings, with moderate contrast and sturdy serifs.

The geometry of Jost and the reading rhythm of Newsreader are opposites, so headline and text never blur together. Jost is stripped back and modular; Newsreader has a subtle calligraphic warmth. Newsreader also has an optical size axis from 6 to 72, so in its variable form the letters adjust to the size you set, sturdier for small text and more refined for large text.

Where Jost and Newsreader Work Best

A design, architecture or culture blog can use Jost for article titles and section headings, then let Newsreader carry long essays, interviews and reviews. A writer’s portfolio gets clean Jost navigation and project titles with Newsreader for samples and a biography. Photographers and designers who write about their process can use the same split, with modern titles over captions and case studies that read like a magazine feature.

Weights and Sizes to Use

Set headings at 600; Jost runs from 100 to 900, and its geometric shapes look best at semibold, confident but still open. Use a heading line height of 1.1 to 1.2, and if you set small uppercase labels in Jost, add about 0.06em of letter spacing. Set Newsreader at 400 for body and 700 for bold, at 18px with a line height of 1.6 to 1.7. Its range is 200 to 800, and 300 can look lovely for a large introductory paragraph.

Things to Watch

Jost’s evenly constructed letters can feel monotonous in very long headings, so keep them short. Newsreader is a true text face; avoid also using it for hero headlines next to Jost, or you will have two competing voices. If your theme loads only static font files, the optical sizing will not apply, so check small text such as captions. Keep body lines to a comfortable 60 to 75 characters.