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 ได้นำแนวคิดของ grotesque condensed แบบดั้งเดิมมาปรับใหม่สำหรับเว็บ โดยได้รับแรงบันดาลใจจากตัวอักษร American gothic ยุคต้นและตัวพิมพ์คอนเดนส์ดในหนังสือพิมพ์ สัดส่วนที่สูงชะลูดและแคบดึงดูดความสนใจในพาดหัว โปสเตอร์ และบริบทการแสดงผลที่มีจังหวะแนวตั้งกระชับ แกนน้ำหนักแปรผันและการรองรับซีริลลิกขยายประโยชน์ใช้สอยออกไปนอกเหนือจากการใช้งานในภาษาอังกฤษ
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.