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.
Sans Serif
设计: Studio DRAMA
#1508 在 Google Fonts 上
字重
关于 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.
字符表
AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
字重瀑布 (6)
200
ExtraLight
300
Light
400
Regular
500
Medium
600
SemiBold
700
Bold
使用方法
<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
详情
- 分类
- Sans Serif
- 字重
- 6
- 斜体
- ✗
- 韩文
- ✗
- 设计师
- Studio DRAMA
- 许可证
- OFL
- 版本
- 热度
- #1508
- 下载量
- 180
许可用途
| 网页使用 | 允许 |
| 印刷 | 允许 |
| 视频 / 广播 | 允许 |
| 包装 | 允许 |
| 应用嵌入 | 允许 |
| 品牌 / 标志 | 允许 |
| 修改 | 允许 |
OFL — 个人和商业使用均免费
语言支持
latin
latin-ext
最适合
body_text
web_apps
ui_elements