Comment by jofzar
1 year ago
I can't believe I am learning of tabular options for fonts from this post... I have always just used a different monospace font for the numbers, didn't realize it was an option that some fonts supported.
{font-variant-numeric: tabular-nums}
Look for opentype features in https://practicaltypography.com/. There is more fun stuff, right next to tabular numbers.
And if you want more, there is also https://www.google.com/url?sa=t&source=web&rct=j&opi=8997844....
You’re not the only one to be fair. I had to point this out to GitHub just last November: https://github.com/primer/css/pull/2680
Yeah it makes so much sense it's a feature I just feel like I have never seen it before.
The CSS hooks in to OpenType font functionality, and there’s a load of other features that can be built in. Wikipedia has a good overview: https://en.wikipedia.org/wiki/List_of_typographic_features
Not only that, some fonts have a vast number of tweaks available: https://rsms.me/inter/#features
Inter is a great suggestion to try out modern font features. The lab is really useful: https://rsms.me/inter/lab/
After the Handgloves specimen, the next part of the page is black with tiny writing. My awful eyesight and mobile scrolling priors caused my brain to assume I had reached the bottom of the page and stop scrolling.
Thanks for pointing out, indirectly, that there’s a lot more content than I had assumed!
Tabular numerics are great! Of course not all fonts implement them.
If only Apple could figure this out and use it for the iOS clock app.
This is neat, thanks.
Reminds me of how fira code (my favourite font for code) can be adjusted to match the preferences.