首页 > 解决方案 > Google 字体的字体变体数字

问题描述

我在我的页面上使用 Google Font Poppins 。

我尝试使用格式化数字

font-variant-numeric: tabular-nums;

但它根本不影响数字的外观。是否有任何 Google 字体支持 font-variant-numeric?

我不得不回退到一些网络安全的数字字体,但它看起来不太好。

标签: cssgoogle-fonts

解决方案


TL;DR:并非所有字体都支持表格数字。

这个页面很好地解释了只有“Open Type”字体才能与 font-variant-* 属性交互。https://practice.typekit.com/lesson/caring-about-opentype-features/

本文表明 Google 字体尚不支持此功能,但正在考虑支持开放字体属性:https ://css-tricks.com/almanac/properties/f/font-variant-numeric/ (最后更新于 5 月 9 日,但这篇文章来自2017年)

问题的核心似乎是字体设计者还没有考虑到这种用途,因此浏览器无法利用它。


推荐阅读