Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
font
✕parsed, no effectcss-fonts-4
The parser accepts the name, yet our rendering is byte-identical with and without the declaration while Chrome's is not. The declaration is being swallowed.
What the specification says
- Initial value
- see individual properties
- Applies to
- all elements and text
- Inherited
- yes
- Percentages
- see individual properties
- Computed value
- see individual properties
- Syntax
- [ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-font-family-name>
The measurements
Each example is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
font:xx-small / 50% "X"✓pixel-exact
Our renderChrome474 pixels differ from Chrome, the largest by 203 of 255 on one channel.
- Differing pixels
- 474
- Max channel delta
- 203
font:50% "X"✓pixel-exact
Our renderChrome415 pixels differ from Chrome, the largest by 198 of 255 on one channel.
- Differing pixels
- 415
- Max channel delta
- 198
font:xx-small system-ui✓pixel-exact
Our renderChrome636 pixels differ from Chrome, the largest by 215 of 255 on one channel.
- Differing pixels
- 636
- Max channel delta
- 215
font:xx-small sans-serif✓pixel-exact
Our renderChrome329 pixels differ from Chrome, the largest by 132 of 255 on one channel.
- Differing pixels
- 329
- Max channel delta
- 132
font:bold xx-small "X"✓pixel-exact
Our renderChrome544 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 544
- Max channel delta
- 221
font:bolder xx-small "X"✓pixel-exactOur renderChrome544 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 544
- Max channel delta
- 221
font:xx-small "X"✓pixel-exact
Our renderChrome482 pixels differ from Chrome, the largest by 203 of 255 on one channel.
- Differing pixels
- 482
- Max channel delta
- 203
font:normal xx-small "X"✓pixel-exactOur renderChrome482 pixels differ from Chrome, the largest by 203 of 255 on one channel.
- Differing pixels
- 482
- Max channel delta
- 203
font:2 xx-small "X"✓pixel-exactOur renderChrome482 pixels differ from Chrome, the largest by 203 of 255 on one channel.
- Differing pixels
- 482
- Max channel delta
- 203
font:lighter xx-small "X"✓pixel-exactOur renderChrome482 pixels differ from Chrome, the largest by 203 of 255 on one channel.
- Differing pixels
- 482
- Max channel delta
- 203
font:ultra-condensed xx-small "X"✕parsed, no effect
Our renderChrome32,211 pixels differ from Chrome, the largest by 238 of 255 on one channel.
- Differing pixels
- 32,211
- Max channel delta
- 238
font:extra-condensed xx-small "X"✕parsed, no effectOur renderChrome32,211 pixels differ from Chrome, the largest by 238 of 255 on one channel.
- Differing pixels
- 32,211
- Max channel delta
- 238
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 54 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 |
|---|---|
| xx-small "X" | ✓pixel-exact |
| normal xx-small "X" | ✓pixel-exact |
| italic xx-small "X" | not measured |
| left xx-small "X" | not measured |
| right xx-small "X" | not measured |
| oblique xx-small "X" | not measured |
| oblique 30deg xx-small "X" | not measured |
| small-caps xx-small "X" | not measured |
| bold xx-small "X" | ✓pixel-exact |
| 2 xx-small "X" | ✓pixel-exact |
| bolder xx-small "X" | ✓pixel-exact |
| lighter xx-small "X" | ✓pixel-exact |
| ultra-condensed xx-small "X" | ✕parsed, no effect |
| extra-condensed xx-small "X" | ✕parsed, no effect |
| condensed xx-small "X" | not measured |
| semi-condensed xx-small "X" | not measured |
| semi-expanded xx-small "X" | not measured |
| expanded xx-small "X" | not measured |
| extra-expanded xx-small "X" | not measured |
| ultra-expanded xx-small "X" | not measured |
| x-small "X" | not measured |
| small "X" | not measured |
| medium "X" | not measured |
| large "X" | not measured |
| x-large "X" | not measured |
| xx-large "X" | not measured |
| xxx-large "X" | not measured |
| larger "X" | not measured |
| smaller "X" | not measured |
| 20px "X" | not measured |
| 50% "X" | ✓pixel-exact |
| math "X" | not measured |
| xx-small / 2 "X" | not measured |
| xx-small / normal "X" | not measured |
| xx-small / 20px "X" | not measured |
| xx-small / 50% "X" | ✓pixel-exact |
| xx-small flexpdf | not measured |
| xx-small serif | not measured |
| xx-small sans-serif | ✓pixel-exact |
| xx-small system-ui | ✓pixel-exact |
| xx-small cursive | not measured |
| xx-small fantasy | not measured |
| xx-small math | not measured |
| xx-small monospace | not measured |
| xx-small ui-serif | not measured |
| xx-small ui-sans-serif | not measured |
| xx-small ui-monospace | not measured |
| xx-small ui-rounded | not measured |
| caption | not measured |
| icon | not measured |
| menu | not measured |
| message-box | not measured |
| small-caption | not measured |
| status-bar | not measured |
Measured against Chrome 148.0.7778.96 on 2026-08-27, with up to 40 candidate values tried per property. All properties · How the measurement works