---
name: BioRhyme
date_added: 2018-10-15
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
creator: { name: 'Aoife Mooney', url: 'http://www.aoifemooney.org' }
description: BioRhyme 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 and its sister face BioRhyme Expanded take advantage of OpenType enhancements including alternative glyph forms, swashes and emoticons.
family_faces: [BioRhyme Expanded]
comparison_faces: [BioRhyme Expanded]
---

<div class='type-detail-table examples-figures gr2 gc6'>
  <div class='meta dark top'>
    <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'>
    <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>