你能为Web字体指定表格数字吗？

Question

16

由于可以指定排版和旧式数字，我希望浏览器支持使用Web字体的表格数字？

enter image description here

- Mark Fox

3个回答

11

我认为这是访问这个OpenType特性（font-feature-settings: 'tnum' ）的推荐方法，这是Mark Fox的答案。

font-variant-numeric: tabular-nums;

目前在http://caniuse.com/#search=font-variant-numeric上找不到任何信息，因此在浏览器支持能够更好地确定之前，请使用Mark的答案。

- EoghanM

6

虽然可以指定表格数字，但无法保证最终用户的浏览器支持tnum属性。

Web Type现状记录哪些浏览器支持这些（和其他）高级排版功能。

截至本文编写时为止，以下浏览器支持tnum：

tnum不受以下浏览器支持：

- Derek Rosenstrauch

2

我相信它确实提供了问题的答案。除了询问如何指定表格数字外，OP还在询问是否有浏览器支持。我回答中的链接展示了这个属性在现代浏览器中的支持情况表。 - Derek Rosenstrauch

我的观点是它确实提供了一个答案。问题首先是“你能指定吗？”-这个答案说“可以”。有浏览器支持吗？回答是“不保证-这里有一个资源告诉你哪些浏览器支持/不支持”。链接中的信息可以在此总结，以改进答案-指定各种流行浏览器支持的版本。否则，它非常接近“仅链接答案”。 - J Richard Snape

感谢@JRichardSnape的建议。我已经更新了我的答案，包含了来自链接网站的概括数据。我是新手，在逐渐熟悉规则。对于不完整的答案，我深表歉意。谢谢。 - Derek Rosenstrauch

当然，没问题，我们都必须在某个时候掌握这个网站。我希望你能坚持下去 - 它会很有回报的！祝一切顺利。 - J Richard Snape

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

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

- Mark Fox · Accepted Answer

简单来说，是的。

目前您可以在其前缀形式中使用属性"font-feature-settings"并将"tnum"添加到值列表中 (示例)，以访问启用OpenType字体中的表格数字：

font-feature-settings: 'tnum';
-webkit-font-feature-settings: 'tnum';
-moz-font-feature-settings: 'tnum';

查看caniuse以查看是否仍需要使用前缀版本。

请注意，如果您正在使用Typekit提供Web字体，请确保在语言支持下选择"All Characters"。