4 ms·

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

by jofzar 2y 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}

robin_reala 2y ago
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 https://github.com/primer/css/pull/2680
- jofzar 2y ago
  Yeah it makes so much sense it's a feature I just feel like I have never seen it before.
  - robin_reala 2y ago
    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 https://en.wikipedia.org/wiki/List_of_typographic_features
Gare 2y ago
Not only that, some fonts have a vast number of tweaks available: https://rsms.me/inter/#features https://rsms.me/inter/#features
- bbx 2y ago
  Inter is a great suggestion to try out modern font features. The lab is really useful: https://rsms.me/inter/lab/ https://rsms.me/inter/lab/
mbrezu 2y ago
Look for opentype features in https://practicaltypography.com/ 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=89978449&url=https://fonts.google.com/knowledge/stop_stealing_sheep.pdf https://www.google.com/url?sa=t&source=web&rct=j&opi=8997844....
amarshall 2y ago
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.
subscribed 2y ago
This is neat, thanks. Reminds me of how fira code (my favourite font for code) can be adjusted to match the preferences.
gorgoiler 2y ago
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!

by jofzar 2y ago

robin_reala 2y ago

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 https://github.com/primer/css/pull/2680

jofzar 2y ago
Yeah it makes so much sense it's a feature I just feel like I have never seen it before.
- robin_reala 2y ago
  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 https://en.wikipedia.org/wiki/List_of_typographic_features

Gare 2y ago

Not only that, some fonts have a vast number of tweaks available: https://rsms.me/inter/#features https://rsms.me/inter/#features

bbx 2y ago
Inter is a great suggestion to try out modern font features. The lab is really useful: https://rsms.me/inter/lab/ https://rsms.me/inter/lab/

mbrezu 2y ago

Look for opentype features in https://practicaltypography.com/ 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=89978449&url=https://fonts.google.com/knowledge/stop_stealing_sheep.pdf https://www.google.com/url?sa=t&source=web&rct=j&opi=8997844....

amarshall 2y ago

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.

subscribed 2y ago

This is neat, thanks. Reminds me of how fira code (my favourite font for code) can be adjusted to match the preferences.

gorgoiler 2y ago

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!