Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
font-variant
◐matches Chrome on some values3 of 12 examples match Chromecss-fonts-4
Some of the examples match Chrome and some do not. The count beside the verdict says how many — 11 of 12 — and the values that differ are listed on the property page. It is neither a pass nor a failure, and filing it under either would be a lie in one direction.
Here: 3 of 12 examples match Chrome. The 9 that do not: font-variant:all-small-caps, font-variant:all-petite-caps, font-variant:super, font-variant:unicase, font-variant:small-caps, font-variant:petite-caps, font-variant:ordinal, font-variant:emoji, font-variant:sub — shown first below, each with its difference map.
What the specification says
- Initial value
- normal
- Applies to
- all elements and text
- Inherited
- yes
- Percentages
- n/a
- Computed value
- as specified
- Syntax
- normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ stylistic(<font-feature-value-name>) || historical-forms || styleset(<font-feature-value-name>#) || character-variant(<font-feature-value-name>#) || swash(<font-feature-value-name>) || ornaments(<font-feature-value-name>) || annotation(<font-feature-value-name>) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]
The measurements
12 examples, 3 of them matching Chrome, the rest first. Each is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
font-variant:all-small-caps✕renders differently
Our renderChrome5,594 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 5,594
- Max channel delta
- 221
font-variant:all-petite-caps✕renders differently
Our renderChrome5,917 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 5,917
- Max channel delta
- 221
font-variant:super✕renders differently
Our renderChrome18,530 pixels differ from Chrome, the largest by 238 of 255 on one channel.
- Differing pixels
- 18,530
- Max channel delta
- 238
font-variant:unicase✕parsed, no effect
Our renderChrome5,346 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 5,346
- Max channel delta
- 221
font-variant:small-caps✕renders differently
Our renderChrome6,073 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 6,073
- Max channel delta
- 221
font-variant:petite-caps✕renders differently
Our renderChrome6,238 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 6,238
- Max channel delta
- 221
font-variant:ordinal✕renders differently
Our renderChrome5,247 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 5,247
- Max channel delta
- 221
font-variant:emoji✕parsed, no effect
Our renderChrome7,736 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 7,736
- Max channel delta
- 221
font-variant:sub✕renders differently
Our renderChrome21,348 pixels differ from Chrome, the largest by 238 of 255 on one channel.
- Differing pixels
- 21,348
- Max channel delta
- 238
font-variant:diagonal-fractions✓pixel-exact
Our renderChrome4,571 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 4,571
- Max channel delta
- 221
font-variant:proportional-nums✓pixel-exact
Our renderChrome4,606 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 4,606
- Max channel delta
- 221
font-variant:no-common-ligatures✓pixel-exact
Our renderChrome4,426 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 4,426
- Max channel delta
- 221
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 39 branches; 12 of them carry a measurement. The publishing ceiling is 12 examples per property — a branch past it is left out by our choice, not by accident.
| Value | Measured |
|---|---|
| common-ligatures | not measured |
| no-common-ligatures | ✓pixel-exact |
| discretionary-ligatures | not measured |
| no-discretionary-ligatures | not measured |
| historical-ligatures | not measured |
| no-historical-ligatures | not measured |
| contextual | not measured |
| no-contextual | not measured |
| small-caps | ✕renders differently |
| all-small-caps | ✕renders differently |
| petite-caps | ✕renders differently |
| all-petite-caps | ✕renders differently |
| unicase | ✕parsed, no effect |
| titling-caps | not measured |
| historical-forms | not measured |
| lining-nums | not measured |
| oldstyle-nums | not measured |
| proportional-nums | ✓pixel-exact |
| tabular-nums | not measured |
| diagonal-fractions | ✓pixel-exact |
| stacked-fractions | not measured |
| ordinal | ✕renders differently |
| slashed-zero | not measured |
| jis78 | not measured |
| jis83 | not measured |
| jis90 | not measured |
| jis04 | not measured |
| simplified | not measured |
| traditional | not measured |
| full-width | not measured |
| proportional-width | not measured |
| ruby | not measured |
| sub | ✕renders differently |
| super | ✕renders differently |
| text | not measured |
| emoji | ✕parsed, no effect |
| unicode | not measured |
| normal | not measured |
| none | not measured |
Measured against Chrome 148.0.7778.96 on 2026-10-11, with up to 40 candidate values tried per property. All properties · How the measurement works