Oswald

Sans Serif grotesque 设计： Vernon Adams #12 在 Google Fonts 上
下载 Google Fonts
字重

关于 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.

字符表

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 的窄体粗犷在标题中格外抓人眼球，Open Sans 则提供中性且高度易读的正文搭档。适合内容密集的网站。

使用方法

<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
On this page

详情

分类
Sans Serif
样式
grotesque
字重
6
斜体
✗
韩文
✗
设计师
Vernon Adams
许可证
OFL
版本
热度
#12
下载量
873

许可用途

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

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.

相关文章 Oswald

CSS 排版
如何在 CSS 中使用可变字体
 字体评测
Google Fonts 上最好的可变字体
 字体评测
最能吸引眼球的标题展示字体
 字体评测
最适合 Logo 和品牌设计的字体

Frequently Asked Questions

Is the Oswald font free for commercial use?

Yes — Oswald is an open-source font, free to use in personal and commercial projects.

What type of typeface is Oswald?

Oswald is a Sans Serif typeface. It is offered as a variable font.

What does Oswald support?

Oswald primarily supports text.