webfont在IE10，IE11中有错误的字距调整

Question

我正在为使用自定义创建的webfont的客户端开发一个项目。当我实现以下样式时，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

Microsoft关于此主题的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"后跟空格和分号前面的值。