Oswald

Sans Serif grotesque 제작 Vernon Adams #12 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

최고의 페어링

전체 보기 →

사용 방법

<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

라이선스 사용

웹 사용허용됨
인쇄허용됨
영상 / 방송허용됨
패키징허용됨
앱 임베딩허용됨
브랜드 / 로고허용됨
수정허용됨

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