---
name: BioRhyme Expanded
date_added: 2018-10-28
category: Display
styles: 5
weights: [{ weight: 200, name: 'Extra-Light' },
          { weight: 300, name: 'Light' },
          { weight: 400, name: 'Regular' },
          { weight: 700, name: 'Bold' },
          { weight: 800, name: 'Extra-Bold' }]
latest_release: { version: 'v1.600', date: '9 Mar 2016' }
project_url: https://github.com/aoifemooney/makingbiorhyme
g_fonts_url: https://fonts.google.com/specimen/BioRhyme+Expanded
creator: { name: 'Aoife Mooney', url: 'http://www.aoifemooney.org' }
description: "BioRhyme Expanded takes inspiration from older slab serifs, but adds a friendly, playful personality. It works best at large sizes, both for headlines and short bursts of body copy. BioRhyme Expanded and its sister face BioRhyme take advantage of OpenType enhancements including alternative glyph forms, swashes and emoticons."
family_faces: [BioRhyme]
comparison_faces: [BioRhyme]
---

<div class='type-detail-table examples-figures gr2 gc6'>
  <div class='meta dark top flex-column'>
    <p class='name'>Figures</p>
    <p class='code'>font-feature-settings: '----';</p>
  </div>
  <div class='examples flow-row'>
    <div>
      <h1 class='fractions'>1/2 3/4</h1>
      <p class='code'>'frac'</p>
    </div>
    <div>
      <h1><span class='fade'>A</span><span class='superscript'>123</span></h1>
      <p class='character-label'>Superscripts: 'sups'</p>
    </div>
    <div><span class='fade'>27</span> <span class='ss03'>27</span> <p class='code'>'ss03'</p></div>
    <div><span class='fade'>0</span> <span class='zero'>0</span> <p class='code'>'zero'</p></div>
  </div>
</div>

<div class='type-detail-table gr2 gc6'>
  <div class='meta dark top flex-column'>
    <p class='name'>Ordinals</p>
    <p class='code'>font-feature-settings: 'ordn';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>1a</span> <span class='ordinals'>1a</span></div>
    <div><span class='fade'>2o</span> <span class='ordinals'>2o</span> </div>
  </div>
</div>

<div class='type-detail-table gr5 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 class='ss05'>angry</span> <p class='code'>angry: 'ss05'</p></div>
    <div><span class='ss05'>neutral</span> <p class='code'>neutral:&nbsp;'ss05'</p></div>
    <div><span class='ss05'>happy</span> <p class='code'>happy: 'ss05'</p></div>
    <div><span class='ss05'>sad</span> <p class='code'>sad: 'ss05'</p></div>
    <div><span class='ss05'>surprised</span> <p class='code'>surprised: 'ss05'</p></div>
    <div><span class='ss05'>afraid</span> <p class='code'>afraid: 'ss05'</p></div>
    <div><span class='ss05'>disgusted</span> <p class='code'>disgusted: 'ss05'</p></div>
    <div><span class='ss06'>angry</span> <p class='code'>angry: 'ss06'</p></div>
    <div><span class='ss06'>neutral</span> <p class='code'>neutral:&nbsp;'ss06'</p></div>
    <div><span class='ss06'>happy</span> <p class='code'>happy: 'ss06'</p></div>
    <div><span class='ss06'>sad</span> <p class='code'>sad: 'ss06'</p></div>
    <div><span class='ss06'>surprised</span> <p class='code'>surprised: 'ss06'</p></div>
    <div><span class='ss06'>afraid</span> <p class='code'>afraid: 'ss06'</p></div>
    <div><span class='ss06'>disgusted</span> <p class='code'>disgusted: 'ss06'</p></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: 'ss--';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>A</span> <span class='ss07'>A</span> <p class='code'>'ss07'</p></div>
    <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='ss04'>G</span> <p class='code'>'ss04'</p></div>
    <div><span class='fade'>d</span> <span class='ss08'>d</span> <p class='code'>'ss08'</p></div>
    <div><span class='fade'>f</span> <span class='ss01'>f</span> <p class='code'>'ss01'</p></div>
    <div><span class='fade'>g</span> <span class='ss02'>g</span> <p class='code'>'ss02'</p></div>
    <div><span class='fade'>k</span> <span class='ss03'>k</span> <p class='code'>'ss03'</p></div>
    <div><span class='fade'>t</span> <span class='ss01'>t</span> <p class='code'>'ss01'</p></div>
    <div><span class='fade'>u</span> <span class='ss08'>u</span> <p class='code'>'ss08'</p></div>
    <div><span class='fade'>x</span> <span class='ss03'>x</span> <p class='code'>'ss03'</p></div>
    <div><span class='fade'>z</span> <span class='ss04'>z</span> <p class='code'>'ss04'</p></div>
  </div>
</div>

<div class='type-detail-table gr2 gc6'>
  <div class='meta dark top'>
    <p class='name'>Swashes</p>
    <p class='code'>font-feature-settings: 'swsh';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>Q</span> <span class='swsh'>Q</span></div>
    <div><span class='fade'>R</span> <span class='swsh'>R</span></div>
    <div><span class='fade'>&</span> <span class='swsh'>&</span></div>
  </div>
</div>