Serif · Google Font

Newsreader font pairings

Fonts that go with Newsreader — live previews, pairing ideas and free embed code.

Serif7 weightsItalicsVariableby Production Type
Sphinx of black quartz, judge my vow
200The quick brown fox jumps over the lazy dog
300The quick brown fox jumps over the lazy dog
400The quick brown fox jumps over the lazy dog
500The quick brown fox jumps over the lazy dog
600The quick brown fox jumps over the lazy dog
700The quick brown fox jumps over the lazy dog
800The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Newsreader is a free serif typeface designed by Production Type, added to Google Fonts in 2020.

It comes in 7 weights with matching italics, and is a variable font with optical size and weight axes.

It is the #91 most popular Latin font family on Google Fonts and supports Latin, Latin Extended and Vietnamese characters.

With 7 weights, Newsreader is versatile enough for headings, interface text and body copy.

Fonts that pair well with Newsreader

A field guide to good ideas

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HNewsreaderBFigtreeeditorial→

A classic contrast: Newsreader's serifs give headlines an editorial, trustworthy voice while Figtree's clean shapes keep body text easy to scan on screens.

Design is how it works

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HNewsreaderBPoppinseditorial→

A classic contrast: Newsreader's serifs give headlines an editorial, trustworthy voice while Poppins's clean shapes keep body text easy to scan on screens.

A field guide to good ideas

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HNewsreaderBDM Sanseditorial→

A classic contrast: Newsreader's serifs give headlines an editorial, trustworthy voice while DM Sans's clean shapes keep body text easy to scan on screens.

Design is how it works

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HOpen SansBNewsreadermoderneditorial→

A modern twist on the classic: Open Sans keeps headings crisp and contemporary, while Newsreader's serifs guide the eye along longer lines of text.

Where craft meets code

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HLatoBNewsreadermoderneditorial→

A modern twist on the classic: Lato keeps headings crisp and contemporary, while Newsreader's serifs guide the eye along longer lines of text.

Try Newsreader in the pairing tool →

How to use Newsreader on your website

HTML — paste in <head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Newsreader:wght@400;700&display=swap" rel="stylesheet">
CSS
font-family: 'Newsreader', serif;

Similar fonts to Newsreader

Frequently asked questions

Is Newsreader free for commercial use?

Yes. Newsreader is distributed through Google Fonts under an open-source licence, so you can use it for free in personal and commercial projects, including websites, apps, logos and print.

What fonts go well with Newsreader?

Good matches for Newsreader include Inter, Figtree, Poppins and DM Sans. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Newsreader a variable font?

Yes. Newsreader is a variable font with optical size (6–72) and weight (200–800) axes.

Who designed Newsreader?

Newsreader was designed by Production Type.