Oswald Font
A condensed gothic typeface inspired by the classic styling of newspaper headlines.
Available Weights
200, 300, 400, 500, 600, 700
Font Specimen
Preview Oswald at different weights.
Weight 200
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 300
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 400
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 500
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 600
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 700
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
How to Use
Add Oswald to your website with Google Fonts.
HTML (in <head>)
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
CSS
font-family: 'Oswald', sans-serif;
Pairs Well With
Fonts that complement Oswald.
Compare Oswald
See how Oswald compares to other fonts.