Bitter
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.
关于 Bitter
Bitter 是 Huerta Tipográfica 专为屏幕阅读设计的粗衬线字体,粗壮的衬线与充足的墨水陷阱确保在小字号下依然清晰易读,大幅提升阅读体验与视觉舒适感。可变 wght 轴支持微妙的字重调整,同时完整保持字体坚实的编辑气质,让排版既灵活又专业。西里尔字母和越南语文字的广泛支持使其成为国际新闻和出版平台的有力选择,是兼顾可读性与专业感的优秀字体,深受广大媒体机构与设计师的信赖与使用。
Design Analysis
Bitter is a contemporary slab serif designed specifically for comfortable on-screen reading at typical body text sizes. Its large x-height, sturdy slab serifs, and wide proportions create a robust framework that renders clearly on low-DPI displays. The design adds personality through subtle wedge-shaped serifs and slightly flared stroke terminals.
Recommended Use Cases
A practical slab serif for content-heavy websites, news platforms, and reading apps where readability trumps refinement. Pairs well with lighter sans-serifs like Nunito Sans or Mulish for secondary text.
字符表
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
字重瀑布 (9)
使用方法
<link href="https://fonts.googleapis.com/css2?family=Bitter:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@100;200;300;500;600;700;800;900;400&display=swap');
font-family: 'Bitter', serif;
brew install --cask font-bitter
详情
- 分类
- Serif
- 样式
- slab-serif
- 字重
- 9
- 斜体
- ✓
- 韩文
- ✗
- 设计师
- Huerta Tipografica
- 许可证
- OFL
- 版本
- 热度
- #74
- 下载量
- 394
许可用途
| 网页使用 | 允许 |
| 印刷 | 允许 |
| 视频 / 广播 | 允许 |
| 包装 | 允许 |
| 应用嵌入 | 允许 |
| 品牌 / 标志 | 允许 |
| 修改 | 允许 |
OFL — 个人和商业使用均免费
语言支持
最适合
排版概念
-
Slab Serif
Serif typefaces with thick, block-like rectangular serifs. Strong visual presence for headlines, UI elements, and branding.