font-variant-numeric - better font display for specific cases

#css

Align numbers width

Something similar to making numbers monospaced, but on a browser level and without the need to change the font.

table, time {
  font-variant-numeric: tabular-nums;
}

Is good in prose - numbers become like 'lowercase'.

p {
  font-variant-numeric: oldstyle-nums;
}

Good for abbreviations - capital letters become the size of lowercase letters.

abbr {
  font-variant-numeric: all-small-caps;
}

Makes fractions 1/3 look better. Can be useful in technical texts.

.fraction {
  font-variant-numeric: diagonal-fractions;
}