Tabular numbers in CSS By default, many fonts use…
0 reactions
Tabular numbers in CSS
By default, many fonts use proportional numbers: a `1` is narrow, an `8` is wider, and the whole number can shift when the value changes.
`tabular-nums` makes each digit take the same horizontal space, so the number keeps its shape and the right edge stays steady.
Unfortunately, I can't upload a video to showcase the difference, but you can play with a small demo I created here https://iprodan.dev/l/font-variant-tabular-nums/ .
#technology #dev #programming
By default, many fonts use proportional numbers: a `1` is narrow, an `8` is wider, and the whole number can shift when the value changes.
`tabular-nums` makes each digit take the same horizontal space, so the number keeps its shape and the right edge stays steady.
Unfortunately, I can't upload a video to showcase the difference, but you can play with a small demo I created here https://iprodan.dev/l/font-variant-tabular-nums/ .
#technology #dev #programming
| 2,000 mlx | |
| 3 | |
| 0 |