3 ms·

They should have used fixed-width font to avoid the annoying fidgeting of the number as it changes.

tuyiown 6y ago
actually, there's also `font-variant-numeric: tabular-nums;` if you want to keep the same font (if that feature is supported)
- robin_reala 6y ago
  Not in Exo, unfortunately.
bttrfl 6y ago
...and align the number to the right.
NikhilVerma 6y ago
There is also font-variant-numeric - https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric https://developer.mozilla.org/en-US/docs/Web/CSS/font-varian...
rob74 6y ago
Yeah, that's one of my pet peeves too for anything displaying columns of numbers, or a changing number. I heard of "font-variant-numeric: tabular-nums", but is there actually any reason for font designers to not make all numbers the same width by default? For me it's clearly a case of "aesthetics over functionality"...
- oarsinsync 6y ago
  Not all functions require fixed-width. E.g, I had the page open for a very little bit and it reached a point where the net worth was around $32,674. The function of showing numbers in this comment does not require fixed width. Aesthetics and readability are more important. Both of those are subjective traits. You can optimise for a particular group's aesthetic tastes, or a particular group's readability. Whether or not that requires fixed-width or not is not something I'm able to comment on, however.
- qalmakka 6y ago
  Using monospaced when not necessary feels weird, because everything is unnaturally spaced too wide. Some do like the "typewriter" vibe, but in my experience most do not, and that's why fonts have variable spacing. That's also why most monospaced fonts (and typewriters) tended to make letters such as 'i' or 'l' larger, not only for clarity, but also to fill up the ugly blank space around them. That's also important due to the fact that a blank space has it's own semantical meaning.
  - rob74 6y ago
    I was only talking about numbers, where this issue only applies to the "1" - all other numbers take up more or less the same space.
    - imperistan 6y ago
      If you only make numbers monospace they stand out in a big block of text. You break up the ‘texture’, so to speak. Usually the designer doesn’t want that.
mgedde 6y ago
Normally, I'd agree. However, in this case it might actually be beneficial to not add fixed-width, since the overall goal is that is should clearly be changing all the time.

actually, there's also `font-variant-numeric: tabular-nums;` if you want to keep the same font (if that feature is supported)

robin_reala 6y ago
Not in Exo, unfortunately.

bttrfl 6y ago

...and align the number to the right.

NikhilVerma 6y ago

There is also font-variant-numeric - https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric https://developer.mozilla.org/en-US/docs/Web/CSS/font-varian...

rob74 6y ago

Yeah, that's one of my pet peeves too for anything displaying columns of numbers, or a changing number. I heard of "font-variant-numeric: tabular-nums", but is there actually any reason for font designers to not make all numbers the same width by default? For me it's clearly a case of "aesthetics over functionality"...

oarsinsync 6y ago
Not all functions require fixed-width. E.g, I had the page open for a very little bit and it reached a point where the net worth was around $32,674. The function of showing numbers in this comment does not require fixed width. Aesthetics and readability are more important. Both of those are subjective traits. You can optimise for a particular group's aesthetic tastes, or a particular group's readability. Whether or not that requires fixed-width or not is not something I'm able to comment on, however.
qalmakka 6y ago
Using monospaced when not necessary feels weird, because everything is unnaturally spaced too wide. Some do like the "typewriter" vibe, but in my experience most do not, and that's why fonts have variable spacing. That's also why most monospaced fonts (and typewriters) tended to make letters such as 'i' or 'l' larger, not only for clarity, but also to fill up the ugly blank space around them. That's also important due to the fact that a blank space has it's own semantical meaning.
- rob74 6y ago
  I was only talking about numbers, where this issue only applies to the "1" - all other numbers take up more or less the same space.
  - imperistan 6y ago
    If you only make numbers monospace they stand out in a big block of text. You break up the ‘texture’, so to speak. Usually the designer doesn’t want that.

mgedde 6y ago

Normally, I'd agree. However, in this case it might actually be beneficial to not add fixed-width, since the overall goal is that is should clearly be changing all the time.