zilla-slab icon indicating copy to clipboard operation
zilla-slab copied to clipboard

tabular-nums issue in Chrome

Open allemalamaas opened this issue 7 years ago • 0 comments

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 image

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

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

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

allemalamaas avatar Nov 23 '18 13:11 allemalamaas