Open the lab →
Display · Google Font

Margarine font pairings

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

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

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Margarine is a free display typeface designed by Astigmatic, added to Google Fonts in 2012.

It comes in 1 weight.

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

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

Fonts that pair well with Margarine

Where craft meets code

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

HMargarineBInterbold→

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

Built for the long run

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

HMargarineBPoppinsbold→

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

Ideas that travel well

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

HMargarineBRoboto Condensedbold→

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

Everything starts with a sketch

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

HMargarineBOutfitbold→

Margarine 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.

HMargarineBBodoni Modabold→

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

Good things take time

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

HMargarineBFrauncesbold→

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

Try Margarine in the pairing tool →

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

Similar fonts to Margarine

Rubik MoonrocksDisplay · 1 weights
The quick brown fox jumps over the lazy dog
KatibehDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Manufacturing ConsentDisplay · 1 weights
The quick brown fox jumps over the lazy dog
GirassolDisplay · 1 weights
The quick brown fox jumps over the lazy dog
BarrioDisplay · 1 weights
The quick brown fox jumps over the lazy dog
FlamencoDisplay · 2 weights
The quick brown fox jumps over the lazy dog

Frequently asked questions

Is Margarine free for commercial use?

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

Good matches for Margarine include Inter, Poppins, Roboto Condensed and Outfit. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Margarine a variable font?

No. Margarine is available as 1 static weight.

Who designed Margarine?

Margarine was designed by Astigmatic.