15

由于可以指定衬里和老式数字，我希望浏览器支持带有 webfonts的表格数字？##

  • 左：默认数字
  • 右：所需的表格数字（注意等宽）

在此处输入图像描述

字体：布兰登怪诞

相关：有没有办法在 CSS 中指定使用文本或标题图？

4

3 回答 3

28

简单地说，是的。

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

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

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

请注意，如果您使用 Typekit 来提供网络字体，请确保在语言支持下选择“所有字符”。

于 2013-07-15T05:22:41.893 回答
7

我认为这是访问此 OpenType 功能的推荐方法（Mark Fox 的回答中的 font-feature-settings: 'tnum'）：

font-variant-numeric: tabular-nums;

我在http://caniuse.com/#search=font-variant-numeric上找不到任何东西，所以坚持马克的回答，直到可以更好地确定浏览器支持。

于 2016-09-16T13:12:24.187 回答
5

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

Web 类型状态跟踪哪些浏览器支持这些（和其他）高级印刷功能。

在撰写本文时 tnum，得到以下支持：

  • 铬 v.33-41
  • 火狐 v.4-39
  • Internet Explorer v.10-11
  • 歌剧 v.15-28

tnum不支持：

  • Safari (OSX)
  • Safari (iOS)
  • 安卓网络套件
  • 上面列出的旧版本浏览器
于 2015-07-27T16:14:19.233 回答