css - Google 字体的字体变体数字
问题描述
我在我的页面上使用 Google Font Poppins 。
我尝试使用格式化数字
font-variant-numeric: tabular-nums;
但它根本不影响数字的外观。是否有任何 Google 字体支持 font-variant-numeric?
我不得不回退到一些网络安全的数字字体,但它看起来不太好。
解决方案
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年)
问题的核心似乎是字体设计者还没有考虑到这种用途,因此浏览器无法利用它。
推荐阅读
- javascript - Jquery在数组上保存编辑的值
- swiftui - 当另一个视图从 AVCaptureDevice API 获取新值时,SwiftUI Picker View 的奇怪行为
- string - TCL 部分字符串匹配
- javascript - jQuery - 在编辑模式中捕获行字段的值
- flutter - 在 Flutter 中移除屏幕底部的空间?
- python - 在 python os.system 中使用 linux sed 命令
- java - Hibernate 不插入连接表,因为 id 为空
- wordpress - 在单个产品视图的“添加到购物车”按钮中显示包括附加组件的价格
- javascript - Discord.js 机器人仅检测单独文件中的最后一个命令
- php - TYPO3:tx_news 扩展中的新字段的缓存问题