css - webfont 在 IE10、IE11 中的字距调整不正确

Question

我正在为使用自定义创建的网络字体的客户开发一个元素。当我实现以下样式时，webfont 在 Chrome、Safari、Firefox 和 Opera 中以正确的字距显示:

text-rendering: optimizeLegibility;
font-feature-settings: "kern";

在 IE10/IE11 中，无论是否使用上述样式，字体都不会以正确的字距显示。我尝试了多种选择但均未成功。根据 MDN，IE10+ 支持 font-feature-settings 属性。事实上，当我检查时，我可以看到 font-feature-settings: kern -- 正在应用，但字距调整没有变化。如有任何建议，我们将不胜感激。

Answer 1

微软的demo page在这个主题上显示了与您使用的不同的语法:

/* enable kerning data */ 
.kerning { 
   text-rendering: optimizeLegibility; 
   -moz-font-feature-settings: "kern=1"; 
   -ms-font-feature-settings: "kern" 1; 
}

注意两个特定于 MS 的差异:

1. font-feature-settings 属性有一个 -ms- 前缀。
2. 值 “kern” 后跟一个空格，分号前有一个值。