你能为webfonts指定表格衬里数字吗？

Question

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

• 左:默认数字
• 右:所需的表格数字(注意等宽)

字体:Brandon Grotesque

相关:有没有办法在CSS中指定文本的使用或标题数字？

Answer 1

简单地说,是的.

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

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

检查caniuse以查看是否仍需要带前缀的版本.

请注意,如果您使用Typekit来提供网络字体,请务必选择语言支持下的"所有字符".

Answer 2

我认为这是访问此OpenType功能的推荐方法(font-feature-settings:来自Mark Fox答案的'tnum'):

font-variant-numeric: tabular-nums;

我在http://caniuse.com/#search=font-variant-numeric上找不到任何内容,所以坚持使用Mark的答案,直到可以更好地确定浏览器支持.

Answer 3

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

该网站类型的国家跟踪哪些浏览器支持这些（及其他）先进的排版功能。

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

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

tnum 不支持：

• Safari (OSX)
• Safari (iOS)
• 安卓网络套件
• 上面列出的浏览器的旧版本