Roboto Slab
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.
关于 Roboto Slab
Christian Robertson 设计的 Roboto Slab 将 Roboto 的机械清晰感融入粗衬线字体类别,厚实的矩形衬线与开放的字形在任意尺寸下均保持出色的数字可读性。可变粗细轴从极细到极黑覆盖宽广范围,使其在标题与正文排版中都极为灵活。对西里尔文、希腊文和越南文的支持,使其成为多语言界面和编辑项目的有力之选。
Design Analysis
Roboto Slab adds geometric slab serifs to the Roboto skeleton, creating a sturdy, authoritative presence while maintaining the parent family's friendly proportions. The slab serifs are bracket-less with consistent thickness, giving a mechanical regularity that complements Roboto's neo-grotesque DNA. Variable weight axes allow continuous adjustment from Thin to Black.
Recommended Use Cases
Effective for headings and callout text that need more weight and authority than plain Roboto. Pairs naturally with Roboto for body text, making it an easy addition to Material Design projects.
字符表
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
字重瀑布 (9)
使用方法
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;500;600;700;800;900;400&display=swap');
font-family: 'Roboto Slab', serif;
brew install --cask font-roboto-slab
详情
- 分类
- Serif
- 样式
- slab-serif
- 字重
- 9
- 斜体
- ✗
- 韩文
- ✗
- 设计师
- Christian Robertson
- 许可证
- OFL
- 版本
- 热度
- #21
- 下载量
- 395
许可用途
| 网页使用 | 允许 |
| 印刷 | 允许 |
| 视频 / 广播 | 允许 |
| 包装 | 允许 |
| 应用嵌入 | 允许 |
| 品牌 / 标志 | 允许 |
| 修改 | 允许 |
OFL — 个人和商业使用均免费
语言支持
最适合
排版概念
-
Slab Serif
Serif typefaces with thick, block-like rectangular serifs. Strong visual presence for headlines, UI elements, and branding.