---
name: Jost
date_added: 2018-10-15
category: Sans-Serif
styles: 18
italic: true
weights: [{ weight: 100, name: 'Hairline' },
          { weight: 200, name: 'Thin' },
          { weight: 300, name: 'Light' },
          { weight: 400, name: 'Book' },
          { weight: 500, name: 'Medium' },
          { weight: 600, name: 'Semi' },
          { weight: 700, name: 'Bold' },
          { weight: 800, name: 'Heavy' },
          { weight: 900, name: 'Black' }]
latest_release: { version: 'v3.5', date: '31 Jan 2019' }
project_url: https://github.com/indestructible-type/Jost
g_fonts_url: https://fonts.google.com/specimen/Jost
creator: { name: 'Owen Earl', url: 'https://ewonrael.github.io' }
description: Jost* is a sans-serif inspired by Futura, but with a larger x-height and more balanced capital forms. It features nine weights and two styles and is under active development.
comparison_faces: [Cooper Hewitt, IBM Plex Sans, Poppins, Source Sans Pro]
---

<div class='type-detail-table examples-figures gr4 gc6'>
  <div class='meta dark top'>
    <p class='name'>Figures</p>
  </div>
  <div class='examples flow-column flow-center'>
    <div>
      <h1 class='lining-proportional'>1234567890</h1>
      <p class='character-label'>Proportional Lining (default): 'pnum', 'lnum'</p>
    </div>
    <div>
      <h1 class='lining-tabular'>1234567890</h1>
      <p class='character-label'>Tabular Lining: 'tnum', 'lnum'</p>
    </div>
  </div>
</div>

<div class='type-detail-table gr2 gc6'>
  <div class='meta dark top'>
    <p class='name'>Alternate Glyph Forms</p>
    <p class='code'>font-feature-settings: 'ss01';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>a</span> <span class='ss01'>a</span></div>
    <div><span class='fade italic'>a</span> <span class='ss01 italic'>a</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>&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>