Font-variant-numeric for Google Fonts

Question

8

我在我的网页上使用了谷歌字体Poppins。

我尝试使用以下方式格式化数字：

font-variant-numeric: tabular-nums;

但这并不影响数字的外观。是否有任何谷歌字体支持font-variant-numeric属性？

我不得不回退到一些网络安全字体来显示数字，但效果不佳。

- michal.jakubeczy

3个回答

4

根据这个 GitHub 问题，Google Fonts 只提供了 OpenType 的一个子集以提高响应速度。目前唯一的解决方案是自行托管或使用另一个字体 CDN。

- Mikkel R. Lund

0

一个可能的解决方案是使用 font-variant-numeric: lining-nums;。

- Milan Danilovic

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- James Fulford · Accepted Answer

TL;DR: 并非所有字体都支持tabular-nums。

这里的页面很好地解释了只有“Open Type”字体才能与font-variant-*属性交互。https://practice.typekit.com/lesson/caring-about-opentype-features/ 这篇文章表明Google Fonts目前还不支持这一点，但正在考虑支持开放字体属性：https://css-tricks.com/almanac/properties/f/font-variant-numeric/（最后更新于5月9日，但文章是2017年的）。

问题的核心似乎是字体设计师尚未考虑到这种使用方式，因此浏览器无法利用它。