zilla-slab
zilla-slab copied to clipboard
tabular-nums issue in Chrome
There seems to be an issue with font-variant: tabular-nums in Chrome (tested Version 70.0.3538.102) on MacOS Sierra & Mohave.
Any combination of the following style declarations can't fix the issue:
font-variant: tabular-nums;
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
-webkit-font-feature-settings: "tnum";
Screenshot of https://beautifulwebtype.com/zilla-slab/ in Chrome

Screenshot of https://beautifulwebtype.com/zilla-slab/ in Safari

When an alpha numeric [a-zA-Z] is added to the textContent of an element in Chrome the problem disappears:

Other tested fonts that support this font-variant are ok in (this version) of Chrome and MacOS.