⇠ back to posts

font-variant-numeric

I was reminded of the font-variant-numeric CSS property by Jim Nielsen, here, and ended up using it in a similar way for the dates on my list of blog posts.

For context, without tabular-nums enabled, numbers on this site look like this:

0123456789

And with it enabled, they look like this:

0123456789

At least on Apple platforms, where the system sans-serif font is San Francisco, the "0" and "1" characters have a little additional spacing, making them equal size to the rest of the digits.

Glad to get this changed - the previous look was somewhat off-putting, now that I look at it in comparison. There are so many neat CSS properties nowadays for all sorts of typographical situations.


Thoughts? Corrections? Feel free to reply via email!