Mozilla Headline
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
About Mozilla Headline
Mozilla Headline is the expressive display counterpart to Mozilla Text, designed by Studio DRAMA with a wider stylistic range enabled by both weight and width variable axes. The dual axes allow fluid transitions from condensed and light to wide and bold, giving designers precise typographic control for large-scale display use. Naturally at home in technology communications, open-source project marketing, and editorial layouts where the Mozilla brand identity is central.
Character Map
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
Weight Waterfall (6)
How to Use
<link href="https://fonts.googleapis.com/css2?family=Mozilla+Headline:wght@200;300;500;600;700;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Mozilla+Headline:wght@200;300;500;600;700;400&display=swap');
font-family: 'Mozilla Headline', sans-serif;
brew install --cask font-mozilla-headline
Details
- Category
- Sans Serif
- Weights
- 6
- Italic
- ✗
- Korean
- ✗
- Designer
- Studio DRAMA
- License
- OFL
- Version
- Popularity
- #1508
- Downloads
- 180
License Usage
| Web use | Allowed |
| Allowed | |
| Video / Broadcast | Allowed |
| Packaging | Allowed |
| App embedding | Allowed |
| Brand / Logo | Allowed |
| Modification | Allowed |
OFL — Free for personal & commercial use