Mozilla Headline and Mozilla Text are our custom typefaces for the Mozilla brand. This typeface font family features a unique uniwidth design. It maintains standardized spacing and kerning across all weights and styles, eliminating risk of text reflow to preserve the integrity of the layout and enhance the user’s experience.
Google Fonts collaborates with type designers, foundries and the design community worldwide to create a directory of open source fonts. The fonts are free to use, making beautiful type accessible to anyone for any project.
Open source details
Mozilla Headline is available via an open source license. You're free to use it with your Adobe Fonts account just as you would any other font in the Adobe Fonts library. For information regarding other uses of Mozilla Headline, see copyright and license details for Mozilla Headline ExtraLight, Mozilla Headline Light, Mozilla Headline Regular, Mozilla Headline Medium, Mozilla Headline SemiBold, Mozilla Headline Bold, Mozilla Headline Condensed ExtraLight, Mozilla Headline Condensed Light, Mozilla Headline Condensed Regular, Mozilla Headline Condensed Medium, Mozilla Headline Condensed SemiBold, Mozilla Headline Condensed Bold, Mozilla Headline Expanded ExtraLight, Mozilla Headline Expanded Light, Mozilla Headline Expanded Regular, Mozilla Headline Expanded Medium, Mozilla Headline Expanded SemiBold, and Mozilla Headline Expanded Bold.
As with everything from Adobe Fonts, you can use these fonts for:
Design Projects
Create images or vector artwork, including logos
Website Publishing
Create a Web Project to add any font from our service to your website
PDFs
Embed fonts in PDFs for viewing and printing
Video and Broadcast
Use fonts to create in-house or commercial video content
How to Use
You may encounter slight variations in the name of this font, depending on where you use it. Here’s what to look for.
Desktop
In application font menus, this font will display:
{{familyCtrl.selectedVariation.preferred_family_name}} {{familyCtrl.selectedVariation.preferred_subfamily_name}}Web
To use this font on your website, use the following CSS:
font-family: {{familyCtrl.selectedVariation.family.css_font_stack.replace('"', '').replace('",', ', ')}};
font-style: italicnormal;
font-weight: {{familyCtrl.selectedVariation.font.web.weight}};
Glyph Support & Stylistic Filters
Fonts in the Adobe Fonts library include support for many different languages, OpenType features, and typographic styles.