Oswald

Sans Serif grotesque 设计: Vernon Adams #12 在 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

最佳搭配

查看全部 →

使用方法

<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 — 个人和商业使用均免费

语言支持

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