---
name: Source Code Pro
date_added: 2018-12-18
category: Monospaced
styles: Variable
italic: true
weights: [{ 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: 900, name: 'Black' }]
latest_release: { version: 'v1.024', date: '4 Apr 2023' }
project_url: https://github.com/adobe-fonts/source-code-pro
g_fonts_url: https://fonts.google.com/specimen/Source+Code+Pro
creator: { name: 'Paul D. Hunt', url: 'https://github.com/pauldhunt' }
description: Source Code Pro is part of the Source Pro family of typefaces from Adobe. They are versatile typefaces designed especially for use in user interfaces.
family_faces: [Source Sans Pro, Source Serif Pro]
comparison_faces: [IBM Plex Mono, Source Sans Pro, Source Serif 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='oldstyle-tabular'>1234567890</h1>
      <p class='character-label'>Tabular Oldstyle: 'tnum', 'onum'</p>
    </div>
    <div>
      <h1 class='lining-tabular'>1234567890</h1>
      <p class='character-label'>Tabular Lining (default): 'tnum', 'lnum'</p>
    </div>
    <div>
      <h1><span class='fade'>0</span> <span class='zero'>0</span></h1>
      <p class='character-label'>Slashed Zero: 'zero'</p>
    </div>
    <div>
      <h1 class='fractions'><span class='fractions'>1/2</span> <span class='fractions'>3/4</span> <span class='fractions'>5/6</span> <span class='fractions'>7/8</span> <span class='fractions'>90/123</span></h1>
      <p class='character-label'>Fractions: 'frac'</p>
    </div>
    <div>
      <h1><span class='fade'>A</span><span class='subscript'>1234567890</span></h1>
      <p class='character-label'>Subscripts: 'subs'</p>
    </div>
    <div>
      <h1><span class='fade'>A</span><span class='superscript'>1234567890abc</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'>Alternate Glyph Forms</p>
    <p class='code'>font-feature-settings: 'ss--';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>a</span> <span class='ss02'>a</span> <p class='code'>'ss02'</p></div>
    <div><span class='fade'>g</span> <span class='ss03'>g</span> <p class='code'>'ss03'</p></div>
    <div><span class='fade'>i</span> <span class='ss04'>i</span> <p class='code'>'ss04'</p></div>
    <div><span class='fade'>l</span> <span class='ss04'>l</span> <p class='code'>'ss04'</p></div>
  </div>
</div>

<div class='type-detail-table gr3 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'>1st</span> <span class='ordinals'>1st</span></div>
    <div><span class='fade'>2nd</span> <span class='ordinals'>2nd</span></div>
    <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><span class='fade'>No</span> <span class='ordinals'>No</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>&uarr;</span> <p class='code'>&amp;uarr;</p></div>
    <div><span>&rarr;</span> <p class='code'>&amp;rarr;</p></div>
    <div><span>&darr;</span> <p class='code'>&amp;darr;</p></div>
    <div><span>&larr;</span> <p class='code'>&amp;larr;</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>