font-variant-numericプロパティの使い方・サンプルコード

<p class="normal">1/4</p>
<p class="diagonal-fractions">1/4</p>
<p class="stacked-fractions">1/4</p>

.normal {
  font-variant-numeric: normal;
}
.diagonal-fractions {
  font-variant-numeric: diagonal-fractions;
}
.stacked-fractions {
  font-variant-numeric: stacked-fractions;
}

<p class="ordinal">1st, 2nd, 3rd</p>

.ordinal {
  font-family: 'SourceSansPro', sans-serif;
  font-variant-numeric: ordinal;
}