Skip To Content
SearchBrowse Fonts
Menu

Mozilla Headline

Designed By

Studio DRAMA

6 Styles Sans Serif

Letters for
every day.

Mozilla Headline · Regular

Compare the family in headings, short labels and paragraph text.

6 styles available. Compare the specimens below, or enter your own text.

Download Mozilla Headline ↓

TTF · SIL Open Font License 1.1

Set Your Own Text

Change the style and size to compare the letterforms.

Read the internet health report

A Clear Hierarchy

Mozilla Headline · Regular

Headings, labels and running text.

Departures09:00 →

Before You Travel

The morning service leaves at nine. Tickets are available at the station, and the platform is listed on the departure board. Keep your ticket until the end of the journey.

Platform 04Ticket Office →

6 Styles,
One Family

Every available style is shown below in its own font file.

Extra Light200

Read the internet health report

Light300

Read the internet health report

Regular400

Read the internet health report

Medium500

Read the internet health report

Semi Bold600

Read the internet health report

Bold700

Read the internet health report

Switch a Mozilla Headline heading from Light to Bold and the line stays exactly where it was. The family is uniwidth, with the same spacing and kerning in every weight, so text never reflows when the weight changes. Hover states and animated headings are where we’d put that to use.

Studio DRAMA drew it, together with Mozilla Text, as the custom type for Mozilla’s rebrand, and the font’s own description calls it a semi-slab serif display face made for the Mozilla Foundation. Google added it in June 2025.

6 weights from Extra Light to Bold, no italics. There are 4 stylistic sets, discretionary ligatures and a slashed zero in the 380 characters, Latin only.

It is meant to be read big. Run Mozilla Text or some other quieter face underneath it.

Mozilla Headline type specimen with letters and figures
Mozilla Headline · Type Specimen

Characters & Figures

380 glyphs reported in the reference style. This selection shows 377 recorded characters.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ ? !

View The Recorded Character Selection
!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿĀāĂ㥹ĆćĊċČčĎďĐđĒēĖėĘęĚěĞğĠġĢģĦħĪīĮįİıIJijĶķĹĺĻļĽľĿŀŁłŃńŅņŇňŊŋŌōŐőŒœŔŕŖŗŘřŚśŞşŠšŤťŪūŬŭŮůŰűŲųŴŵŶŷŸŹźŻżŽžƒȘșȚțȷˆˇˉ˘˙˚˛˜˝̧̨̦̀́̂̃̄̆̇̈̊̋̌̒πẀẁẂẃẄẅẞỲỳ–—‘’‚“”„†‡•…‰‹›⁄⁴₁₂₃₄€ℓ™Ω℮⅓⅔∂∆∏∑−∕∙√∞∫≈≠≤≥◊fifl🐉🐲💻

The Font Files

Download
Mozilla Headline

6 TTF styles with the accompanying CSS, README and license information.

Download ZIP · 203 KB ↓
Version
1.000
License
SIL Open Font License 1.1
Read The Font License ↗

Install On Your Computer

Extract the ZIP first. On Windows, select the font files and choose Install from the context menu. On macOS, open the files in Font Book and choose Install.

Use On A Website

Keep the font files and the included stylesheet together. Update the stylesheet path to match your project.

<link rel="stylesheet"
  href="/fonts/mozilla-headline/mozilla-headline.css">

body {
  font-family: 'Mozilla Headline', sans-serif;
}

Keep the copyright and license notices with redistributed files.

Heading & Body

Compare a larger heading with the same family at reading size.

Mozilla Headline Heading · Mozilla Headline Body

Before You Travel

The morning service leaves at nine. Tickets are available at the station, and the platform is listed on the departure board. Keep your ticket until the end of the journey.