Oswald

Sans Serif grotesque bởi Vernon Adams #12 trên Google Fonts
Độ đậm

Giới thiệu 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.

Bản đồ ký tự

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

Thác độ đậm (6)

200 ExtraLight
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold

Cặp font tốt nhất

Xem tất cả →

Cách sử dụng

<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

Chi tiết

Danh mục
Sans Serif
Kiểu
grotesque
Độ đậm
6
Nghiêng
Tiếng Hàn
Nhà thiết kế
Vernon Adams
Giấy phép
OFL
Phiên bản
Độ phổ biến
#12
Lượt tải
214

Sử dụng giấy phép

Sử dụng webĐược phép
In ấnĐược phép
Video / Phát sóngĐược phép
Đóng góiĐược phép
Nhúng vào ứng dụngĐược phép
Thương hiệu / LogoĐược phép
Sửa đổiĐược phép

OFL — Miễn phí cho sử dụng cá nhân và thương mại

Hỗ trợ ngôn ngữ

cyrillic cyrillic-ext latin latin-ext vietnamese

Phù hợp nhất cho

headers branding signage presentations

Khái niệm typography

  • 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.

Bài viết về Oswald