Font

Font Variant Numeric

Style syntax for controlling the usage of alternate glyphs for numbers, fractions, and ordinal markers.

šŸš§This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
font-variant-numeric:value / font:value / f:valuefont-variant-numeric: value
font:normalfont-style: normal
font:ordinalfont-variant-numeric: ordinal
font:slashed-zerofont-variant-numeric: slashed-zero
font:lining-numsfont-variant-numeric: lining-nums
font:oldstyle-numsfont-variant-numeric: oldstyle-nums
font:proportional-numsfont-variant-numeric: proportional-nums
font:tabular-numsfont-variant-numeric: tabular-nums
font:diagonal-fractionsfont-variant-numeric: diagonal-fractions
font:stacked-fractionsfont-variant-numeric: stacked-fractions

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="font-variant-numeric:normal:hover font-variant-numeric:normal@sm font-variant-numeric:normal@dark font-variant-numeric:normal@print">ā€¦</div>
PREVIOUS
Font Style

Style syntax for setting font style of an element.

NEXT
Font Weight

Style syntax for setting the weight of the font.

MIT License Ā© Aoyue Design LLC.
Issue on this page