Oswald

Name: Oswald
Author: Vernon Adams

Sans Serif grotesque 设计： Vernon Adams #12 在 Google Fonts 上

下载 Google Fonts

大小

字重

关于 Oswald

Vernon Adams reimagined the classic grotesque condensed genre for the web, taking cues from early American gothics and condensed newspaper type. Its tall, narrow proportions command attention in headlines, posters, and display contexts where vertical rhythm is tight. A variable weight axis and Cyrillic support expand its utility beyond English-language applications.

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.

字符表

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

字重瀑布 (6)

200 ExtraLight

300 Light

400 Regular

500 Medium

600 SemiBold

700 Bold

最佳搭配

查看全部 →

Oswald + Open Sans 8/10

Heading in Oswald

Body text in Open Sans. Oswald's condensed boldness grabs attention in headlines, and Open Sans provides a neutral, highly readable body companion. Great for content-heavy …

使用方法

<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
下载量: 214

许可用途

网页使用	允许
印刷	允许
视频 / 广播	允许
包装	允许
应用嵌入	允许
品牌 / 标志	允许
修改	允许

OFL — 个人和商业使用均免费

语言支持

cyrillic cyrillic-ext latin latin-ext vietnamese

最适合

headers branding signage presentations

相似字体

对比

排版概念

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.