Opentype

Needs documentation…

<div class="pattern">
    <div class="pattern-example font-sans lh-cap sans-s9">18Franklin has an alternate, tailed ‘l’ character as well as a set of tabular numerals. 0123456789</div>
    <div class="pattern-title sans-s5 fw700">standard characters</div>
    <div class="pattern-code mono-s3 fw300">.ot--</div>
</div>

<div class="pattern">
    <div class="pattern-example font-sans lh-cap sans-s9 ot-alt">18Franklin has an alternate, tailed ‘l’ character as well as a set of tabular numerals.</div>
    <div class="pattern-title sans-s5 fw700">alternate
        <cpan class="ot-alt">l</span>
    </div>
    <div class="pattern-code mono-s3 fw300">.ot-alt</div>
</div>

<div class="pattern">
    <div class="pattern-example font-sans lh-cap sans-s9 ot-tnum">0,123,456,789.54<br/>6,988,193,841.77<br/><span class="fw700">7,111,650,631.31</span></div>
    <div class="pattern-title sans-s5 fw700">tabular numerals</div>
    <div class="pattern-code mono-s3 fw300">.ot-tnum</div>
</div>
<div class="pattern">
  <div class="pattern-example font-sans lh-cap sans-s9">18Franklin has an alternate, tailed ‘l’ character as well as a set of tabular numerals. 0123456789</div>
  <div class="pattern-title sans-s5 fw700">standard characters</div>
  <div class="pattern-code mono-s3 fw300">.ot--</div>
</div>

<div class="pattern">
  <div class="pattern-example font-sans lh-cap sans-s9 ot-alt">18Franklin has an alternate, tailed ‘l’ character as well as a set of tabular numerals.</div>
  <div class="pattern-title sans-s5 fw700">alternate <cpan class="ot-alt">l</span></div>
  <div class="pattern-code mono-s3 fw300">.ot-alt</div>
</div>

<div class="pattern">
  <div class="pattern-example font-sans lh-cap sans-s9 ot-tnum">0,123,456,789.54<br/>6,988,193,841.77<br/><span class="fw700">7,111,650,631.31</span></div>
  <div class="pattern-title sans-s5 fw700">tabular numerals</div>
  <div class="pattern-code mono-s3 fw300">.ot-tnum</div>
</div>
/* No context defined for this component. */