Sans Serif · Google Font

Mozilla Text font pairings

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

Sans Serif6 weightsVariableby Studio DRAMA
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

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Mozilla Text is a free sans serif typeface designed by Studio DRAMA, added to Google Fonts in 2025.

It comes in 6 weights, and is a variable font with a weight axis.

It is the #879 most popular Latin font family on Google Fonts.

With 6 weights, Mozilla Text is versatile enough for headings, interface text and body copy.

Fonts that pair well with Mozilla Text

Everything starts with a sketch

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

HDomineBMozilla Texteditorial→

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

HLoraBMozilla Texteditorial→

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

The art of saying less

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

HNanum MyeongjoBMozilla Texteditorial→

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

Stories worth reading slowly

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

HMozilla TextBCormorantmoderneditorial→

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

Notes from the studio

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

HMozilla TextBLibre Baskervillemoderneditorial→

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

Try Mozilla Text in the pairing tool →

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

Similar fonts to Mozilla Text

Frequently asked questions

Is Mozilla Text free for commercial use?

Yes. Mozilla Text 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 Mozilla Text?

Good matches for Mozilla Text include Domine, Lora, Nanum Myeongjo and Cormorant. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Mozilla Text a variable font?

Yes. Mozilla Text is a variable font with a weight (200–700) axis.

Who designed Mozilla Text?

Mozilla Text was designed by Studio DRAMA.