Font pairing

Pick a heading font, pick a body font that goes with it, and see the pair on a poster, an app screen and a logo. Every preview uses a free Google Font, so you can use what you see.

13 well-known fontsPreviewed with free Google Fonts
See the pairOn a poster, an app screen and a logo
Code to pasteHTML link, CSS and Tailwind v4
Where it came fromHistory and who uses it, sourced

Heading font

Times New Roman with Inter

Preview uses Tinos, the closest free match.

Some roads only go one way.

The Long Way Home

Two brothers, one borrowed car and a thousand miles of coast between them and the funeral. In cinemas this spring.

TitleTaglineBody text

Body font

Pairings for Tinos, and why they work.

Use it

Both fonts are free under the licences on Google Fonts. Add the link to your page head, then set the families in CSS or in a Tailwind v4 theme.

HTML

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Tinos:wght@400;700&family=Inter:wght@400;700&display=swap">

CSS

h1, h2, h3 {
  font-family: 'Tinos', serif;
  font-weight: 700;
}

body {
  font-family: 'Inter', sans-serif;
}

Tailwind v4

@import url("https://fonts.googleapis.com/css2?family=Tinos:wght@400;700&family=Inter:wght@400;700&display=swap");
@import "tailwindcss";

@theme {
  --font-heading: 'Tinos', serif;
  --font-body: 'Inter', sans-serif;
}

/* Then use the font-heading and font-body classes. */

About Times New Roman

Made for a London newspaper in 1932, then shipped with Windows.

History

Stanley Morison of Monotype and Victor Lardent of The Times' advertising department designed it for The Times.[1]
It first appeared in The Times on 3 October 1932, and the paper kept it for about 40 years.[1]
Tinos, derived from Liberation Serif, is a free font with the same metrics.[1]

Who uses it

Every version of Windows since Windows 3.1[1]
The US State Department’s standard font from 2004 to 2023, and again from 2025[1]
The Australian Government logo, as a Times New Roman Bold wordmark[1]

Sources

1. Wikipedia: Times New Roman

Times New Roman on its own page