---
name: Vollkorn
date_added: 2018-10-15
category: Serif
styles: 12
italic: true
smallcap: true
weights: [{ 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.105', date: '09 May 2018' }
project_url: http://vollkorn-typeface.com/#download
g_fonts_url: https://fonts.google.com/specimen/Vollkorn
creator: { name: 'Friedrich Althausen', url: 'https://friedrichalthausen.de/' }
description: "Vollkorn is the German word for ‘wholemeal’, which designer Friedrich Althausen felt described this ‘dark, sturdy, and grainy’ serif well. It offers six weights, small caps, and a number of OpenType features, making it perfect for (to stretch this analogy even further) everyday, bread and butter usage."
comparison_faces: [Alegreya, Inria Serif, Lora, Source Serif Pro]
---

<div class='type-detail-table gr4 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'>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'>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'>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'>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 gr6 gc6'>
  <div class='meta dark top'>
    <p class='name'>Discretionary Ligatures</p>
    <p class='code'>font-feature-settings: 'dlig';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>ch</span> <span class='dlig'>ch</span></div>
    <div><span class='fade'><em>ch</em></span> <span class='dlig italic'>ch</span></div>
    <div><span class='fade'>ct</span> <span class='dlig'>ct</span></div>
    <div><span class='fade italic'>ct</span> <span class='dlig italic'>ct</span></div>
    <div><span class='fade'>fb</span> <span class='dlig'>fb</span></div>
    <div><span class='fade italic'>fb</span> <span class='dlig italic'>fb</span></div>
    <div><span class='fade'>fh</span> <span class='dlig'>fh</span></div>
    <div><span class='fade italic'>fh</span> <span class='dlig italic'>fh</span></div>
    <div><span class='fade'>fk</span> <span class='dlig'>fk</span></div>
    <div><span class='fade italic'>fk</span> <span class='dlig italic'>fk</span></div>
    <div><span class='fade'>fty</span> <span class='dlig'>fty</span></div>
    <div><span class='fade italic'>fty</span> <span class='dlig italic'>fty</span></div>
    <div><span class='fade'>fä</span> <span class='dlig'>fä</span></div>
    <div><span class='fade italic'>fä</span> <span class='dlig italic'>fä</span></div>
    <div><span class='fade'>fö</span> <span class='dlig'>fö</span></div>
    <div><span class='fade italic'>fö</span> <span class='dlig italic'>fö</span></div>
    <div><span class='fade'>fü</span> <span class='dlig'>fü</span></div>
    <div><span class='fade italic'>fü</span> <span class='dlig italic'>fü</span></div>
    <div><span class='fade'>st</span> <span class='dlig'>st</span></div>
    <div><span class='fade italic'>st</span> <span class='dlig italic'>st</span></div>
    <div><span class='fade'>Th</span> <span class='dlig'>Th</span></div>
    <div><span class='fade italic'>Th</span> <span class='dlig italic'>Th</span></div>
    <div><span class='fade'>ty</span> <span class='dlig'>ty</span></div>
    <div><span class='fade italic'>ty</span> <span class='dlig italic'>ty</span></div>
    <div><span class='fade'>www</span> <span class='dlig'>www</span></div>
    <div><span class='fade italic'>www</span> <span class='dlig italic'>www</span></div>
    <div><span class='fade'>-.-</span> <span class='dlig'>-.-</span></div>
  </div>
</div>

<div class='type-detail-table gr2 gc6'>
  <div class='meta dark top'>
    <p class='name'>Contextual Alternates</p>
    <p class='code'>font-feature-settings: 'calt';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade w600'>fä</span> <span class='w600 calt'>fä</span></div>
    <div><span class='fade'>RT</span> <span class='calt'>RT</span></div>
  </div>
</div>

<div class='type-detail-table gr2 gc6'>
  <div class='meta dark top'>
    <p class='name'>Titling Alternates</p>
    <p class='code'>font-feature-settings: 'titl';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>Å</span> <span class='titl'>Å</span></div>
    <div><span class='fade'>Ä</span> <span class='titl'>Ä</span></div>
    <div><span class='fade'>Ö</span> <span class='titl'>Ö</span></div>
    <div><span class='fade'>Ü</span> <span class='titl'>Ü</span></div>
    <div><span class='fade'>J</span> <span class='titl'>J</span></div>
    <div><span class='fade'>Q</span> <span class='titl'>Q</span></div>
  </div>
</div>

<div class='type-detail-table examples-figures gr8 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 (default): 'pnum', 'onum'</p>
    </div>
    <div>
      <h1 class='oldstyle-tabular'>1234567890</h1>
      <p class='character-label'>Tabular Oldstyle: 'tnum', 'onum'</p>
    </div>
    <div>
      <h1 class='lining-proportional'>1234567890</h1>
      <p class='character-label'>Proportional Lining: 'pnum', 'lnum'</p>
    </div>
    <div>
      <h1 class='lining-tabular'>1234567890</h1>
      <p class='character-label'>Tabular Lining: 'tnum', 'lnum';</p>
    </div>
    <div>
      <h1 class='small-caps'>1234567890</h1>
      <p class='character-label'>Small Caps: 'smcp';</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'>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&para;&sect;&dagger;&Dagger;&DoubleVerticalBar;</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><span class='fade'>No.</span> <span class='ordinals'>No.</span></div>
  </div>
</div>

<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: 'ss01';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade italic'>A</span> <span class='ss01 italic'>A</span></div>
    <div><span class='fade'>a</span> <span class='ss01'>a</span></div>
    <div><span class='fade italic'>E</span> <span class='ss01 italic'>E</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'>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'>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'>Q</span> <span class='ss01'>Q</span></div>
    <div><span class='fade italic'>Q</span> <span class='ss01 italic'>Q</span></div>
    <div><span class='fade'>y</span> <span class='ss01'>y</span></div>
    <div><span class='fade italic'>x</span> <span class='ss01 italic'>x</span></div>
    <div><span class='fade italic'>y</span> <span class='ss01 italic'>y</span></div>
    <div><span class='fade italic'>z</span> <span class='ss01 italic'>z</span></div>
    <div><span class='fade'>ẞ</span> <span class='ss01'>ẞ</span></div>
    <div><span class='fade italic'>ẞ</span> <span class='ss01 italic'>ẞ</span></div>
    <div><span class='fade'>&</span> <span class='ss01'>&</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><span>&DoubleVerticalBar;</span> <p class='code'>&amp;DoubleVerticalBar;</p></div>
  </div>
</div>