---
name: Inria Serif
date_added: 2018-12-03
category: Serif
styles: 6
italic: true
weights: [{ weight: 300, name: 'Light' },
          { weight: 400, name: 'Regular' },
          { weight: 700, name: 'Bold' }]
latest_release: { version: 'v1.200', date: '11 Jan 2018' }
project_url: https://github.com/BlackFoundry/InriaFonts
creator: { name: 'BlackFoundry', url: 'https://black-foundry.com/work/inria/' }
description: Inria Serif, along with <a href='/inria-sans/'>Inria Sans</a>, was specially designed for Inria, a French institute for research in computer science and automation. The Serif has a literary feel, suitable for both body copy and headlines.
family_faces: [Inria Sans]
comparison_faces: [Inria Sans, IBM Plex Serif, Source Serif Pro]
---

<div class='type-detail-table gr6 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'>fb</span> <span class='liga'>fb</span></div>
    <div><span class='fade italic'>fb</span> <span class='liga italic'>fb</span></div>
    <div><span class='fade'>ff</span> <span class='liga'>ff</span></div>
    <div><span class='fade italic'>ff</span> <span class='liga italic'>ff</span></div>
    <div><span class='fade'>ffi</span> <span class='liga'>ffi</span></div>
    <div><span class='fade italic'>ffi</span> <span class='liga italic'>ffi</span></div>
    <div><span class='fade'>ffj</span> <span class='liga'>ffj</span></div>
    <div><span class='fade italic'>ffj</span> <span class='liga italic'>ffj</span></div>
    <div><span class='fade'>ffk</span> <span class='liga'>ffk</span></div>
    <div><span class='fade italic'>ffk</span> <span class='liga italic'>ffk</span></div>
    <div><span class='fade'>ffl</span> <span class='liga'>ffl</span></div>
    <div><span class='fade italic'>ffl</span> <span class='liga italic'>ffl</span></div>
    <div><span class='fade'>fft</span> <span class='liga'>fft</span></div>
    <div><span class='fade italic'>fft</span> <span class='liga italic'>fft</span></div>
    <div><span class='fade'>fh</span> <span class='liga'>fh</span></div>
    <div><span class='fade italic'>fh</span> <span class='liga italic'>fh</span></div>
    <div><span class='fade'>fi</span> <span class='liga'>fi</span></div>
    <div><span class='fade italic'>fi</span> <span class='liga italic'>fi</span></div>
    <div><span class='fade'>fj</span> <span class='liga'>fj</span></div>
    <div><span class='fade italic'>fj</span> <span class='liga italic'>fj</span></div>
    <div><span class='fade'>fk</span> <span class='liga'>fk</span></div>
    <div><span class='fade italic'>fk</span> <span class='liga italic'>fk</span></div>
    <div><span class='fade'>fl</span> <span class='liga'>fl</span></div>
    <div><span class='fade italic'>fl</span> <span class='liga italic'>fl</span></div>
    <div><span class='fade'>ft</span> <span class='liga'>ft</span></div>
    <div><span class='fade italic'>ft</span> <span class='liga italic'>ft</span></div>
  </div>
</div>

<div class='type-detail-table examples-figures gr5 gc6'>
  <div class='meta dark top'>
    <p class='name'>Figures</p>
  </div>
  <div class='examples flow-column flow-center'>
    <div>
      <h1 class='oldstyle-proportional'>1234567890</h1>
      <p class='character-label'>Proportional Oldstyle: 'pnum', 'onum'</p>
    </div>
    <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>
      <h1 class='fractions'>1/2 3/4 5/6 7/8 90/123</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'>1234567890</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 gr5 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><span class='fade'>B</span> <span class='ss01'>B</span></div>
    <div><span class='fade italic'>B</span> <span class='ss01 italic'>B</span></div>
    <div><span class='fade'>D</span> <span class='ss01'>D</span></div>
    <div><span class='fade italic'>D</span> <span class='ss01 italic'>D</span></div>
    <div><span class='fade'>E</span> <span class='ss01'>E</span></div>
    <div><span class='fade italic'>E</span> <span class='ss01 italic'>E</span></div>
    <div><span class='fade'>F</span> <span class='ss01'>F</span></div>
    <div><span class='fade italic'>F</span> <span class='ss01 italic'>F</span></div>
    <div><span class='fade'>G</span> <span class='ss01'>G</span></div>
    <div><span class='fade italic'>G</span> <span class='ss01 italic'>G</span></div>
    <div><span class='fade'>H</span> <span class='ss01'>H</span></div>
    <div><span class='fade italic'>H</span> <span class='ss01 italic'>H</span></div>
    <div><span class='fade'>J</span> <span class='ss01'>J</span></div>
    <div><span class='fade italic'>J</span> <span class='ss01 italic'>J</span></div>
    <div><span class='fade'>K</span> <span class='ss01'>K</span></div>
    <div><span class='fade italic'>K</span> <span class='ss01 italic'>K</span></div>
    <div><span class='fade'>L</span> <span class='ss01'>L</span></div>
    <div><span class='fade italic'>L</span> <span class='ss01 italic'>L</span></div>
    <div><span class='fade'>M</span> <span class='ss01'>M</span></div>
    <div><span class='fade italic'>M</span> <span class='ss01 italic'>M</span></div>
    <div><span class='fade'>N</span> <span class='ss01'>N</span></div>
    <div><span class='fade italic'>N</span> <span class='ss01 italic'>N</span></div>
    <div><span class='fade'>P</span> <span class='ss01'>P</span></div>
    <div><span class='fade italic'>P</span> <span class='ss01 italic'>P</span></div>
    <div><span class='fade'>R</span> <span class='ss01'>R</span></div>
    <div><span class='fade italic'>R</span> <span class='ss01 italic'>R</span></div>
    <div><span class='fade'>S</span> <span class='ss01'>S</span></div>
    <div><span class='fade italic'>S</span> <span class='ss01 italic'>S</span></div>
    <div><span class='fade'>T</span> <span class='ss01'>T</span></div>
    <div><span class='fade italic'>T</span> <span class='ss01 italic'>T</span></div>
    <div><span class='fade'>U</span> <span class='ss01'>U</span></div>
    <div><span class='fade italic'>U</span> <span class='ss01 italic'>U</span></div>
    <div><span class='fade'>V</span> <span class='ss01'>V</span></div>
    <div><span class='fade italic'>V</span> <span class='ss01 italic'>V</span></div>
    <div><span class='fade'>W</span> <span class='ss01'>W</span></div>
    <div><span class='fade italic'>W</span> <span class='ss01 italic'>W</span></div>
    <div><span class='fade'>X</span> <span class='ss01'>X</span></div>
    <div><span class='fade italic'>X</span> <span class='ss01 italic'>X</span></div>
    <div><span class='fade'>Y</span> <span class='ss01'>Y</span></div>
    <div><span class='fade italic'>Y</span> <span class='ss01 italic'>Y</span></div>
  </div>
</div>

<div class='type-detail-table gr3 gc6'>
  <div class='meta dark top'>
    <p class='name'>Case Sensitive Forms</p>
    <p class='code'>font-feature-settings: 'case';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>(A)</span> <span class='case'>(A)</span></div>
    <div><span class='fade'>{A}</span> <span class='case'>{A}</span></div>
    <div><span class='fade'>[A]</span> <span class='case'>[A]</span></div>
    <div><span class='fade'>-</span> <span class='case'>-</span></div>
    <div><span class='fade'>&ndash;</span> <span class='case'>&ndash;</span></div>
    <div><span class='fade'>&mdash;</span> <span class='case'>&mdash;</span></div>
    <div><span class='fade'>@</span> <span class='case'>@</span></div>
    <div><span class='fade'>¿</span> <span class='case'>¿</span></div>
  </div>
</div>

<div class='type-detail-table gr4 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><span>&uarr;</span> <p class='code'>&amp;uarr;</p></div>
    <div><span>&nearr;</span> <p class='code'>&amp;nearr;</p></div>
    <div><span>&rarr;</span> <p class='code'>&amp;rarr;</p></div>
    <div><span>&searr;</span> <p class='code'>&amp;searr;</p></div>
    <div><span>&darr;</span> <p class='code'>&amp;darr;</p></div>
    <div><span>&swarr;</span> <p class='code'>&amp;swarr;</p></div>
    <div><span>&larr;</span> <p class='code'>&amp;larr;</p></div>
    <div><span>&nwarr;</span> <p class='code'>&amp;nwarr;</p></div>
    <div><span>&harr;</span> <p class='code'>&amp;harr;</p></div>
    <div><span>&updownarrow;</span> <p class='code'>&amp;updownarrow;</p></div>
  </div>
</div>