Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
font-family
✕renders differentlycss-fonts-4
The property takes effect, but our pixels are not Chrome's. The difference map on this page shows where.
What the specification says
- Initial value
- depends on user agent
- Applies to
- all elements and text
- Inherited
- yes
- Percentages
- n/a
- Computed value
- list, each item a string and/or <generic-font-family> keywords
- Syntax
- [ <font-family-name> | <generic-font-family> ]#
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-family:monospace✓pixel-exact
Our renderChrome2,882 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 2,882
- Max channel delta
- 221
font-family:sans-serif✓pixel-exact
Our renderChrome60 pixels differ from Chrome, the largest by 172 of 255 on one channel.
- Differing pixels
- 60
- Max channel delta
- 172
font-family:"X"✕renders differently
Our renderChrome4,797 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 4,797
- Max channel delta
- 221
font-family:flexpdf✕renders differentlyOur renderChrome4,797 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 4,797
- Max channel delta
- 221
font-family:serif✓pixel-exact
Our renderChrome260 pixels differ from Chrome, the largest by 181 of 255 on one channel.
- Differing pixels
- 260
- Max channel delta
- 181
font-family:cursive✕renders differentlyOur renderChrome4,797 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 4,797
- Max channel delta
- 221
font-family:fantasy✕renders differentlyOur renderChrome4,797 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 4,797
- Max channel delta
- 221
font-family:math✕renders differentlyOur renderChrome4,797 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 4,797
- Max channel delta
- 221
font-family:ui-serif✕renders differently
Our renderChrome6,053 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 6,053
- Max channel delta
- 221
font-family:ui-sans-serif✕renders differently
Our renderChrome4,797 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 4,797
- Max channel delta
- 221
font-family:ui-monospace✕renders differently
Our renderChrome6,882 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 6,882
- Max channel delta
- 221
font-family:ui-rounded✕renders differentlyOur renderChrome4,797 pixels differ from Chrome, the largest by 221 of 255 on one channel.
- Differing pixels
- 4,797
- 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 13 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 |
|---|---|
| "X" | ✕renders differently |
| flexpdf | ✕renders differently |
| serif | ✓pixel-exact |
| sans-serif | ✓pixel-exact |
| system-ui | not measured |
| cursive | ✕renders differently |
| fantasy | ✕renders differently |
| math | ✕renders differently |
| monospace | ✓pixel-exact |
| ui-serif | ✕renders differently |
| ui-sans-serif | ✕renders differently |
| ui-monospace | ✕renders differently |
| ui-rounded | ✕renders differently |
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