Oswald
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
소개 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.
문자 맵
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
굵기 워터폴 (6)
최고의 페어링
전체 보기 →사용 방법
<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 — 개인 및 상업적 사용 무료
언어 지원
최적 용도
타이포그래피 개념
-
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.