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

ライセンス使用

Web使用	許可
印刷	許可
動画 / 放送	許可
パッケージ	許可
アプリ埋め込み	許可
ブランド / ロゴ	許可
改変	許可

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.