---
name: Oswald
date_added: 2018-10-15
category: Display
styles: 7
weights: [{ weight: 200, name: 'Extra-Light' },
          { weight: 300, name: 'Light' },
          { weight: 400, name: 'Regular' },
          { weight: 500, name: 'Medium' },
          { weight: 600, name: 'Semi-Bold' },
          { weight: 700, name: 'Bold' },
          { weight: 900, name: 'Heavy' }]
latest_release: { version: 'v4.004', date: '22 Sep 2017' }
project_url: https://github.com/googlefonts/OswaldFont
g_fonts_url: https://fonts.google.com/specimen/Oswald
creator: { name: 'Vernon Adams', url: 'https://fonts.google.com/?query=Vernon+Adams' }
description: Oswald, inspired by the ‘Alternate Gothic’ style of typefaces, is a condensed sans-serif, well-suited to headlines, especially when set in all caps. Originally designed by the late Vernon Adams, work on the typeface continues under several collaborators.
---

<div class='type-detail-table gr2 gc6'>
  <div class='meta dark top'>
    <p class='name'>Standard Ligatures</p>
    <p class='code'>font-feature-settings: 'liga', 'clig';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>ffi</span> <span class='liga'>ffi</span></div>
    <div><span class='fade'>ffl</span> <span class='liga'>ffl</span></div>
    <div><span class='fade'>fi</span> <span class='liga'>fi</span></div>
    <div><span class='fade'>fl</span> <span class='liga'>fl</span></div>
  </div>
</div>

<div class='type-detail-table examples-figures gr2 gc6'>
  <div class='meta dark top'>
    <p class='name'>Figures</p>
  </div>
  <div class='examples flow-row'>
    <div>
      <h1 class='fractions'>1/2 3/4</h1>
      <p class='character-label'>Fractions: 'frac'</p>
    </div>
    <div>
      <h1><span class='fade'>A</span><span class='superscript'>123</span></h1>
      <p class='character-label'>Superscripts: 'sups'</p>
    </div>
  </div>
</div>

<div class='type-detail-table gr2 gc6'>
  <div class='meta dark top'>
    <p class='name'>Ordinals</p>
    <p class='code'>font-feature-settings: 'ordn';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>3a</span> <span class='ordinals'>3a</span></div>
    <div><span class='fade'>4o</span> <span class='ordinals'>4o</span></div>
  </div>
</div>

<div class='type-detail-table gr2 gc6'>
  <div class='meta dark top flex-row'>
    <p class='name'>Special Characters</p> <a href='glyphs/' class='glyph-explorer'>Explore all characters</a>
  </div>
  <div class='examples flow-row'>
    <div><span>&#9650;</span> <p class='code'>&amp;#9650;</p></div>
    <div><span>&#9660;</span> <p class='code'>&amp;#9660;</p></div>
    <div><span>&para;</span> <p class='code'>&amp;para;</p></div>
    <div><span>&sect;</span> <p class='code'>&amp;sect;</p></div>
    <div><span>&dagger;</span> <p class='code'>&amp;dagger;</p></div>
    <div><span>&Dagger;</span> <p class='code'>&amp;Dagger;</p></div>
  </div>
</div>