Oswald
Type with Purpose
Good typography guides attention, improves understanding, and makes communication effortless.
The Anatomy of a Typeface
By FontSide · June 2026
Every typeface is a system of decisions — about stroke contrast, x-height, spacing, and rhythm. The best ones feel invisible: you stop seeing the letters and start hearing the voice behind them. That transparency is the hardest thing to design.
A high x-height opens up the counters and makes small text breathe. Tight tracking pulls a headline together; loose tracking gives a caption room to exhale. None of these choices are accidents — they are arguments about how reading should feel.
Uppercase
Lowercase
Numerals
Symbols
Package Manager
The recommended way to use fonts in modern web projects.
1. Install Package
pnpm add @fontsource-variable/oswald 2. Import in App
import '@fontsource-variable/oswald/wght.css'; 3. CSS Usage
body {
font-family: "Oswald Variable", sans-serif;
} Google Fonts CDN
Use Google's CDN to embed the fonts directly via HTML.
HTML <head>
<!-- Please select at least one weight and style --> Fontsource CDN
Skip the build step by adding this directly to your global CSS file.
Global CSS
/* oswald-latin-wght-normal */
@font-face {
font-family: "Oswald Variable";
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/oswald:vf@latest/latin-wght-normal.woff2)
format("woff2-variations");
} Background & Story
Oswald is a reworking of the classic style historically represented by the 'Alternate Gothic' sans serif typefaces. The characters of Oswald were initially re-drawn and reformed to better fit the pixel grid of standard digital screens. Oswald is designed to be used freely across the internet by web browsers on desktop computers, laptops and mobile devices.
- Since the initial launch in 2011, Oswald was updated continually by Vernon Adams until 2014.
Vernon added Light and Bold weights, support for more Latin and Cyrillic languages, tightened the spacing and kerning and made many glyph refinements throughout the family based on hundreds of users' feedback.
- In 2016 the Latin part of the family was updated by Kalapi Gajjar to complete the work started by Vernon.
- In January 2019, it was updated with a variable font Weight axis.
- In July 2023, the font was upgraded with a Cyrillic character set expansion, and the rendering of math symbols was improved.
To contribute, see github.com/googlefonts/OswaldFont
Tags & Moods
Subsets
Install
pnpm add @fontsource-variable/oswald Designed by
Vernon Adams, Kalapi Gajjar, Cyreal
Links
License
OFL-1.1