Soren makes the case for `font-variant-numeric: tabular-nums` as the default for timers, counters, prices, percentages, scores, and any live data — equal-width digits stop the layout from twitching when numbers change.
tabular-numsshould be the default for any number that updates (timers, counters, prices, percentages, scores, live data etc).You can enable this
tnumOpenType feature using the CSS propertyfont-variant-numeric.
.tabular-nums {
font-variant-numeric: tabular-nums;
}
The tweet includes a video showing the difference — proportional digits cause horizontal jitter every time a value changes; tabular figures hold the column width steady.