Sans serif · Studio DRAMA
Mozilla Headline
More axes (1)More axes (0)
Find the font. Find its kind.
CSSfont-family: 'Mozilla Headline', sans-serif; font-weight: 400; font-style: normal; line-height: 1.1;
Mozilla Headline is a free sans serif by Studio DRAMA, on Google Fonts since 2025. Among the 697 sans serifs on FontKind, Mozilla Headline has an x-height taller than 76%, is wider than 75% and, at its regular weight, is of average darkness. Its thickest strokes are 1.3 times its thinnest: nearly even strokes.
01 / Light table
Laid on top of Mozilla Text
Mozilla Headline on one light table with its two closest fonts, Mozilla Text (79 out of 100) and Recursive (76). Mozilla Text is 14% lighter and 4% wider; Recursive is 4% wider, with less stroke contrast.
Mozilla Headline and Mozilla Text laid on top of each other.
Ink shared with Mozilla HeadlineMozilla Text…
Most different letters first; the figure is the share of ink the fonts have in common. Where the fonts agree the letters cancel to black: every white sliver is a real difference.
02 / Letters
The Mozilla Headline alphabet
Capitals, lowercase, figures and signs · weight 400
Tap the letters you like, here and in other fonts, to find the fonts whose letters look most like them.
- &
- ?
- !
- @
- %
- (
- )
03 / Weights
Mozilla Headline in 6 weights
6 weights, 200–700 · variable from 200 to 700
Variable weight, 200 to 700
- 200 Extra light
- 300 Light
- 400 Regular
- 500 Medium
- 600 Semibold
- 700 Bold
04 / Facts
Who made Mozilla Headline, and can you use it?
- Designer
- Studio DRAMA
- Kind
- Sans serif
- Styles
- 6 weights, 200–700
- Variable axes
- Width 75–125, Weight 200–700
- On Google Fonts since
- 2025
- Character sets
- latin, latin-ext
- Licence
- SIL Open Font License 1.1
Can I use it?
- Commercial use
- Yes.
- Logos
- Yes.
- Websites and apps
- Yes. Self-hosted or loaded from Google Fonts.
- PDFs and documents
- Yes.
- Changes
- Yes.
- Sharing the files
- Yes, but not for sale. With the licence.
Mozilla Headline is under the SIL Open Font License 1.1. This is a plain summary, not legal advice: the licence itself decides.
Already in your apps?
- Google Docs
- Most likely. Under More fonts, in Sheets and Slides too. Google’s guide
- Word, PowerPoint
- No. Install it from Google Fonts first. Microsoft’s list
- Figma
- Yes. Built in, nothing to install. Figma’s help
- Canva
- Not verified. Search its font menu for Mozilla Headline, or upload it with Canva Pro. Canva’s help
- Cricut
- Once installed. Design Space lists Mozilla Headline under System. Fonts for Cricut →
From each app’s own font list or help pages, read on 28 September 2026.
05 / Measurements
Mozilla Headline, measured
Taken from the font file's own outlines, regular style
- x-height
- 53.4% of the emlowercase x
- Cap height
- 69.0% of the emcapitals
- x / cap
- 0.77lowercase against capitals
- Width
- 53.9% of the emaverage lowercase
- Ink
- 43%letter box filled
- Contrast
- 1.29 : 1nearly even strokes
Where it stands among sans serifs
Ranked against all 697 sans serifs on FontKind
x-heightLarger than 76% of sans serifs
WidthWider than 75% of sans serifs
InkNear the middle of sans serifs
ContrastMore contrast than 77% of sans serifs
06 / Similar fonts
Fonts similar to Mozilla Headline
Matched letter by letter · its own family apart
- Mozilla Text7914% lighter · 4% wider
- Recursive764% wider · less stroke contrast
- Eirik Raude6422% narrower · x-height 17% shorter · 18% heavier
- Chivo60x-height 4% shorter · more stroke contrast
- Violet Sans59x-height 10% shorter · less stroke contrast · 7% heavier
- Sligoil5711% wider
All 100 fonts similar to Mozilla Headline →Compare side by side →Get Mozilla Headline on Google Fonts
07 / Swap
Swap Mozilla Headline without a jump
Running text within 3% of the width, x-height within 5%
- Chivo60text 0.7% wider · x-height 4.3% shorter
- Ramabhadra50same text width · x-height 1.0% shorter
- St. Martin47text 2.4% narrower · x-height 0.6% shorter
- Monda45same text width · x-height 3.1% shorter
- AR One Sans44same text width · x-height 4.5% shorter
- Public Sans43text 1.6% narrower · x-height 3.2% shorter
Fallback while it loads
Until Mozilla Headline loads, this sets Arial in its place at 107.3% of its size, so running text keeps Mozilla Headline’s width and lines keep their height: nothing moves when it arrives.
@font-face {
font-family: 'Mozilla Headline Fallback';
src: local('Arial');
size-adjust: 107.28%;
ascent-override: 88.09%;
descent-override: 23.77%;
line-gap-override: 0.00%;
}
font-family: 'Mozilla Headline', 'Mozilla Headline Fallback', sans-serif;08 / Questions
Questions about Mozilla Headline
Answered from its licence, Google Fonts and each app’s own font list
Is Mozilla Headline free for commercial use?
Yes. Mozilla Headline is under the SIL Open Font License 1.1 , which allows commercial use at any scale, logos, websites, apps and PDFs included.
How do I download and install Mozilla Headline?
FontKind doesn’t host Mozilla Headline’s files: it comes free from Google Fonts . On its page there, choose Get font, then Download all, and unzip the file. It holds one variable file for every style, and a static folder with a file per style: install one set or the other, not both. On Windows or a Mac, double-click each font file and choose Install, then restart any app that was open, Word included.
Is Mozilla Headline in Microsoft Word?
Not until you install it: Mozilla Headline isn’t one of Microsoft 365’s cloud fonts. Installed, it is in Word’s font menu and PowerPoint’s. On Windows, its weights beyond Regular and Bold show as fonts of their own, such as Mozilla Headline ExtraLight and Mozilla Headline SemiBold. For someone who hasn’t installed it, turn on Embed fonts in the file in Word’s save options: its licence allows that.
Is Mozilla Headline in Google Docs?
Most likely. Search for Mozilla Headline under More fonts in the font menu of Docs; added there, it is in Sheets and Slides too.
Is Mozilla Headline in Figma?
Yes: Mozilla Headline is in Figma’s font menu with all six weights, in the browser and the desktop app, with nothing to install.
How many weights does Mozilla Headline have?
Mozilla Headline comes in six weights, from ExtraLight (200) to Bold (700). It is a variable font: it takes any weight from 200 to 700 and widths from 75% to 125%.
Who designed Mozilla Headline?
Mozilla Headline was designed by Studio DRAMA. It has been on Google Fonts since July 2025. Studio DRAMA also made BBH Bartle, BBH Bogle, Mozilla Text and one more on FontKind.
What fonts are similar to Mozilla Headline?
The closest in our letter-by-letter match are Mozilla Text (79), Recursive (76) and Eirik Raude (64), out of 100. Next to Mozilla Headline, Mozilla Text is 14% lighter and 4% wider. See all 100 fonts like Mozilla Headline.