Open the lab →
Serif · Google Font

Tinos font pairings

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

Serif2 weightsItalicsby Steve Matteson
Sphinx of black quartz, judge my vow
400The quick brown fox jumps over the lazy dog
700The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Tinos is a free serif typeface designed by Steve Matteson, added to Google Fonts in 2026.

It comes in 2 weights with matching italics.

It is the #229 most popular Latin font family on Google Fonts and supports Cyrillic, Cyrillic Extended, Greek, Hebrew and Latin characters.

Tinos has a limited set of weights, so it is best used for headings or short text alongside a more extensive family.

Fonts that pair well with Tinos

A field guide to good ideas

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

HTinosBOpen Sanseditorial→

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

Good things take time

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

HTinosBRoboto Condensededitorial→

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

Everything starts with a sketch

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

HTinosBLatoeditorial→

A classic contrast: Tinos's serifs give headlines an editorial, trustworthy voice while Lato'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.

HTinosBOswaldeditorial→

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

Where craft meets code

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

HTinosBBricolage Grotesqueeditorial→

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

Notes from the studio

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

HTinosBLibre Baskervilleclassic→

Pairing two serifs works when one is clearly for display: Tinos for headlines and Libre Baskerville for comfortable, continuous reading.

Try Tinos in the pairing tool →

How to use Tinos 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=Tinos:wght@400;700&display=swap" rel="stylesheet">
CSS
font-family: 'Tinos', serif;

Similar fonts to Tinos

PrataSerif · 1 weights
The quick brown fox jumps over the lazy dog
Libre Caslon TextSerif · 2 weights
The quick brown fox jumps over the lazy dog
AlegreyaSerif · 6 weights
The quick brown fox jumps over the lazy dog
AleoSerif · 9 weights
The quick brown fox jumps over the lazy dog
Bree SerifSerif · 1 weights
The quick brown fox jumps over the lazy dog
CardoSerif · 2 weights
The quick brown fox jumps over the lazy dog

Frequently asked questions

Is Tinos free for commercial use?

Yes. Tinos 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 Tinos?

Good matches for Tinos include Open Sans, Roboto Condensed, Lato and Oswald. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Tinos a variable font?

No. Tinos is available as 2 static weights.

Who designed Tinos?

Tinos was designed by Steve Matteson.