我在我的页面上使用谷歌字体Poppins。我试着用
font-variant-numeric: tabular-nums;
但它并不影响数字的外观。有没有谷歌字体支持字体变体数字？我不得不回落到一些网络安全字体的数字，但它看起来不好。
wljmcqd81#
TL;DR：并非所有字体都支持表格编号。本页很好地解释了只有“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）看起来问题的核心是字体设计者还没有考虑到这种使用，所以浏览器不能利用它。
nimxete22#
根据GitHub的这个问题，Google Fonts只提供OpenType特性的一个子集来改善延迟，目前唯一的解决方案是自托管或者使用另一个字体CDN。
ymdaylpp3#
一种可能的解决方案是使用font-variant-numeric: lining-nums;
font-variant-numeric: lining-nums;
3条答案
按热度按时间wljmcqd81#
TL;DR：并非所有字体都支持表格编号。
本页很好地解释了只有“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）
看起来问题的核心是字体设计者还没有考虑到这种使用，所以浏览器不能利用它。
nimxete22#
根据GitHub的这个问题，Google Fonts只提供OpenType特性的一个子集来改善延迟，目前唯一的解决方案是自托管或者使用另一个字体CDN。
ymdaylpp3#
一种可能的解决方案是使用
font-variant-numeric: lining-nums;