---
layout: detail
name: Lora
date_added: 2018-10-15
category: Serif
styles: Variable
italic: true
weights: [{ weight: 400, name: 'Regular'},
          { weight: 500, name: 'Medium'},
          { weight: 600, name: 'Semi Bold'},
          { weight: 700, name: 'Bold' }]
latest_release: { version: 'v2.210', date: '4 Feb 2019' }
project_url: https://github.com/cyrealtype/Lora-Cyrillic
g_fonts_url: https://fonts.google.com/specimen/Lora
creator: { name: 'Cyreal', url: 'http://www.cyreal.org' }
description: Lora is a contemporary serif with a moderate contrast, well-suited to body text. It takes inspiration from calligraphic forms, but has a pleasing contrast with sturdy serifs, especially at the bold weight.
comparison_faces: ['Alegreya', 'IBM Plex Serif', 'Source Serif Pro', 'Vollkorn']
---

<div class='type-detail-table gr2 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'>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'>fl</span> <span class='liga'>fl</span></div>
    <div><span class='fade italic'>fl</span> <span class='liga italic'>fl</span></div>
  </div>
</div>

<div class='type-detail-table examples-figures gr3 gc6'>
  <div class='meta dark top'>
    <p class='name'>Figures</p>
  </div>
  <div class='examples flow-column flow-center'>
    <div>
      <h1 class='fractions'>1/2 3/4</h1>
      <p class='character-label'>Fractions: 'frac'</p>
    </div>
    <div>
      <h1><span class='fade'>A</span><span class='superscript'>1234</span></h1>
      <p class='character-label'>Superscripts: 'sups'</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 ordinals 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 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>
</div>