Oswald
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.
关于 Oswald
Vernon Adams 为网络重新诠释了经典的哥特式紧缩风格,从早期美国哥特字体和报纸紧缩用字中汲取灵感。高挑而紧凑的字身比例在行距紧密的标题、海报及展示场景中极具视觉冲击力。可变字重轴与西里尔文字支持进一步拓展了其超越英语应用的实用范围。
Design Analysis
Oswald is a condensed gothic sans-serif reworked for the digital age, drawing on the tradition of newspaper headline typefaces. Its narrow proportions and vertical stress create a compact, attention-grabbing appearance while maintaining clarity. The even stroke weight and clean terminals give it a utilitarian, no-nonsense quality.
Recommended Use Cases
Ideal for bold headlines, banners, and navigation elements where space is limited but impact is needed. Pair with a wider-proportioned body font like Open Sans or Lato to create effective typographic contrast.
字符表
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
字重瀑布 (6)
最佳搭配
查看全部 →使用方法
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;500;600;700;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;500;600;700;400&display=swap');
font-family: 'Oswald', sans-serif;
brew install --cask font-oswald
详情
- 分类
- Sans Serif
- 样式
- grotesque
- 字重
- 6
- 斜体
- ✗
- 韩文
- ✗
- 设计师
- Vernon Adams
- 许可证
- OFL
- 版本
- 热度
- #12
- 下载量
- 460
许可用途
| 网页使用 | 允许 |
| 印刷 | 允许 |
| 视频 / 广播 | 允许 |
| 包装 | 允许 |
| 应用嵌入 | 允许 |
| 品牌 / 标志 | 允许 |
| 修改 | 允许 |
OFL — 个人和商业使用均免费
语言支持
最适合
排版概念
-
Ascender
The part of a lowercase letter that extends above the x-height, as in 'b', 'd', 'h', 'k', 'l'.
-
Display Typeface
Typefaces designed for use at large sizes — headlines, posters, logos. Not optimized for body text readability at small sizes.
-
Variable Font
A single font file containing an entire range of weights, widths, or other variations. Reduces HTTP requests and file size.
-
Font Loading API
JavaScript API (document.fonts) for programmatic font loading control — check if fonts are loaded, preload specific fonts, and respond to load events.
-
Letter Spacing
The CSS property for adjusting spacing between all characters. Positive values spread letters apart; negative values bring them closer.