---
name: Poppins
date_added: 2018-11-19
category: Sans-Serif
styles: 18
italic: true
weights: [{ weight: 100, name: 'Thin' },
          { weight: 200, name: 'ExtraLight' },
          { weight: 300, name: 'Light' },
          { weight: 400, name: 'Regular' },
          { weight: 500, name: 'Medium' },
          { weight: 600, name: 'SemiBold' },
          { weight: 700, name: 'Bold' },
          { weight: 800, name: 'ExtraBold' },
          { weight: 900, name: 'Black' }]
latest_release: { version: 'v4.001', date: '26 Mar 2018' }
project_url: https://github.com/itfoundry/Poppins
g_fonts_url: https://fonts.google.com/specimen/Poppins
creator: { name: 'Indian Type Foundry', url: 'https://www.indiantypefoundry.com' }
description: Poppins is a geometric sans-serif with a fairly high x-height. It supports both Latin and Devanagari chararacter sets.
comparison_faces: [Archivo, Cooper Hewitt, Jost]
---

<div class='type-detail-table gr3 gc6'>
  <div class='meta dark top'>
    <p class='name'>Alternate Glyph Forms</p>
    <p class='code'>font-feature-settings: 'ss--';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>!</span> <span class='ss01'>!</span> <p class='code'>'ss01'</p></div>
    <div><span class='fade'>?</span> <span class='ss01'>?</span> <p class='code'>'ss01'</p></div>
    <div><span class='fade'>‘ ’</span> <span class='ss01'>‘ ’</span> <p class='code'>'ss01'</p></div>
    <div><span class='fade'>“ ”</span> <span class='ss01'>“ ”</span> <p class='code'>'ss01'</p></div>
    <div><span class='fade'>,</span> <span class='ss01'>,</span> <p class='code'>'ss01'</p></div>
    <div><span class='fade'>.</span> <span class='ss01'>.</span> <p class='code'>'ss01'</p></div>
    <div><span class='fade'>:</span> <span class='ss01'>:</span> <p class='code'>'ss01'</p></div>
    <div><span class='fade'>;</span> <span class='ss01'>;</span> <p class='code'>'ss01'</p></div>
    <div><span class='fade'>&hellip;</span> <span class='ss01'>&hellip;</span> <p class='code'>'ss01'</p></div>
    <div><span class='fade'>a</span> <span class='ss02'>a</span> <p class='code'>'ss02'</p></div>
    <div><span class='fade'>&</span> <span class='ss03'>&</span> <p class='code'>'ss03'</p></div>
    <div><span class='fade'>3</span> <span class='ss04'>3</span> <p class='code'>'ss04'</p></div>
    <div><span class='fade'>6</span> <span class='ss04'>6</span> <p class='code'>'ss04'</p></div>
    <div><span class='fade'>9</span> <span class='ss04'>9</span> <p class='code'>'ss04'</p></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>
</div>