Oswald

Name: Oswald
Author: Vernon Adams

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'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
ダウンロード: 460

ライセンス使用

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.