CSS font-variant-numeric property

Property values

normal

400 value represents a light weight font.

font-variant-numeric: normal;

Try it { }

lining-nums

700 value represents a bold weight font.

font-variant-numeric: lining-nums;

Try it { }

oldstyle-nums

normal represents normal text. It is same as 400.

font-variant-numeric: oldstyle-nums;

Try it { }

proportional-nums

700 value represents a bold weight font.

font-variant-numeric: proportional-nums;

Try it { }

tabular-nums

700 value represents a bold weight font.

font-variant-numeric: tabular-nums;

Try it { }

diagonal-fractions

700 value represents a bold weight font.

font-variant-numeric: diagonal-fractions;

Try it { }

stacked-fractions

700 value represents a bold weight font.

font-variant-numeric: stacked-fractions;

Try it { }

ordinal

700 value represents a bold weight font.

font-variant-numeric: ordinal;

Try it { }

slashed-zero

700 value represents a bold weight font.

font-variant-numeric: slashed-zero;

Try it { }