css - 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 关于此主题的演示页面显示的语法与您使用的语法不同：

/* 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"后跟一个空格，分号前是一个值。