font-variant-numeric
The font-variant-numeric property specifies font variants for numbers.
Formal Syntax
normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]
JavaScript Access
// Access via element.style
element.style.fontVariantNumeric = 'normal';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| font-variant-numeric | 52 | 34 | 9.1 | 79 |
| diagonal-fractions | 52 | 34 | 9.1 | 79 |
| lining-nums | 52 | 34 | 9.1 | 79 |
| normal | 52 | 34 | 9.1 | 79 |
| oldstyle-nums | 52 | 34 | 9.1 | 79 |
| ordinal | 52 | 34 | 9.1 | 79 |
| proportional-nums | 52 | 34 | 9.1 | 79 |
| slashed-zero | 52 | 34 | 9.1 | 79 |
| stacked-fractions | 52 | 34 | 9.1 | 79 |
| tabular-nums | 52 | 34 | 9.1 | 79 |
Related Properties
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-optical-sizing
- font-palette
- font-size
- font-size-adjust
- font-style
- font-synthesis
- font-synthesis-small-caps
- font-synthesis-style
- font-synthesis-weight
- font-variant
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-emoji
- font-variant-ligatures
- font-variant-position
- font-variation-settings
- font-weight
- font-synthesis-position ๐งช
- font-width ๐งช
- font-stretch ๐๏ธ