Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
font
◐matches Chrome on some values10 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: 10 of 12 examples match Chrome. The 2 that do not: font:xxx-large "X", font:oblique 30deg xx-small "X" — shown first below, each with its difference map.
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
12 examples, 10 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:xxx-large "X"✕renders differently
Our renderChrome13,786 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 13,786
- Max channel delta
- 221
font:oblique 30deg xx-small "X"✕parsed, no effect
Our renderChrome32,269 pixels differ from Chrome, the largest by 238 of 255 on one channel.
- Differing pixels
- 32,269
- Max channel delta
- 238
font:xx-small / 50% "X"✓pixel-exact
Our renderChrome560 pixels differ from Chrome, the largest by 203 of 255 on one channel.
- Differing pixels
- 560
- Max channel delta
- 203
font:xx-small system-ui✓pixel-exact
Our renderChrome404 pixels differ from Chrome, the largest by 135 of 255 on one channel.
- Differing pixels
- 404
- Max channel delta
- 135
font:50% "X"✓pixel-exact
Our renderChrome492 pixels differ from Chrome, the largest by 198 of 255 on one channel.
- Differing pixels
- 492
- Max channel delta
- 198
font:xx-small sans-serif✓pixel-exact
Our renderChrome368 pixels differ from Chrome, the largest by 132 of 255 on one channel.
- Differing pixels
- 368
- Max channel delta
- 132
font:bold xx-small "X"✓pixel-exact
Our renderChrome670 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 670
- Max channel delta
- 221
font:bolder xx-small "X"✓pixel-exactOur renderChrome670 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 670
- Max channel delta
- 221
font:x-small "X"✓pixel-exact
Our renderChrome760 pixels differ from Chrome, the largest by 216 of 255 on one channel.
- Differing pixels
- 760
- Max channel delta
- 216
font:italic xx-small "X"✓pixel-exact
Our renderChrome638 pixels differ from Chrome, the largest by 200 of 255 on one channel.
- Differing pixels
- 638
- Max channel delta
- 200
font:oblique xx-small "X"✓pixel-exactOur renderChrome638 pixels differ from Chrome, the largest by 200 of 255 on one channel.
- Differing pixels
- 638
- Max channel delta
- 200
font:xx-small "X"✓pixel-exact
Our renderChrome573 pixels differ from Chrome, the largest by 203 of 255 on one channel.
- Differing pixels
- 573
- Max channel delta
- 203
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" | not measured |
| italic xx-small "X" | ✓pixel-exact |
| left xx-small "X" | not measured |
| right xx-small "X" | not measured |
| oblique xx-small "X" | ✓pixel-exact |
| oblique 30deg xx-small "X" | ✕parsed, no effect |
| small-caps xx-small "X" | not measured |
| bold xx-small "X" | ✓pixel-exact |
| 2 xx-small "X" | not measured |
| bolder xx-small "X" | ✓pixel-exact |
| lighter xx-small "X" | not measured |
| ultra-condensed xx-small "X" | not measured |
| extra-condensed xx-small "X" | not measured |
| 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" | ✓pixel-exact |
| 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" | ✕renders differently |
| 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-10-11, with up to 40 candidate values tried per property. All properties · How the measurement works