Open the lab →
Display · Google Font

Offside font pairings

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

Display1 weightby Eduardo Tunni
Sphinx of black quartz, judge my vow
400The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Offside is a free display typeface designed by Eduardo Tunni, added to Google Fonts in 2012.

It comes in 1 weight.

It is the #1,234 most popular Latin font family on Google Fonts.

As a display face, Offside works best at large sizes — headlines, logos, posters and hero sections — paired with a quieter font for body text.

Fonts that pair well with Offside

Notes from the studio

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

HOffsideBOpen Sansbold→

Offside is a display face with strong personality — use it big and sparingly.

Good things take time

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

HOffsideBMontserratbold→

Offside is a display face with strong personality — use it big and sparingly.

Design is how it works

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

HOffsideBRobotobold→

Offside is a display face with strong personality — use it big and sparingly.

Where craft meets code

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

HOffsideBManropebold→

Offside is a display face with strong personality — use it big and sparingly.

A field guide to good ideas

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

HOffsideBLibre Baskervillebold→

Offside brings character to headlines, and Libre Baskerville adds a bookish, readable rhythm to paragraphs — a good fit for editorial and brand sites.

Where craft meets code

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

HOffsideBBitterbold→

Offside brings character to headlines, and Bitter adds a bookish, readable rhythm to paragraphs — a good fit for editorial and brand sites.

Try Offside in the pairing tool →

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

Similar fonts to Offside

CrushedDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Zen Tokyo ZooDisplay · 1 weights
The quick brown fox jumps over the lazy dog
BarrioDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Odibee SansDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Manufacturing ConsentDisplay · 1 weights
The quick brown fox jumps over the lazy dog
KatibehDisplay · 1 weights
The quick brown fox jumps over the lazy dog

Frequently asked questions

Is Offside free for commercial use?

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

Good matches for Offside include Open Sans, Montserrat, Roboto and Manrope. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Offside a variable font?

No. Offside is available as 1 static weight.

Who designed Offside?

Offside was designed by Eduardo Tunni.