我们正在开发一种图标字体，它将拥有最终的字形集合，并将免费提供 http://www.webhostinghub.com/glyphs/
我们认为使用它的最简单方法是使用连字，而不是像许多其他项目一样通过复杂的 CSS。问题是连字似乎在 Internet Explorer 中不起作用。它们在 Chrome、Firefox 和 Safari 中工作得很好，但在 IE 中则不行。
这是一种耻辱，因为 Microsoft 是第一个使用 @font-face 的人，但出于某种原因，他们忘记了字体可能有连字。或者也许我错了，我希望我错了，有一些神奇的方法可以让它们工作。我将非常感谢有关此主题的任何建议。或者如果没有直接的解决方案，也许您知道一些解决方法。感谢您提前提供任何信息!
最佳答案
在使用 -ms-font-feature-settings 的 IE10 之前的版本中，连字将不起作用
对于旧浏览器的跨浏览器连字，确实没有可靠的方法。
使用 CSS3 文本渲染:optimizeLegibility在 IE 中不起作用，并且 ms-font-feature-settings 仅从 IE10 开始支持。
一种替代方法是仅使用 HTML 实体，但随后您将用字符替换字母，这会对 SEO 产生负面影响。
Ligature.js ( link ) 是添加连字支持的另一种方法。这比仅使用 HTML 实体要好，但由于其他原因它不太实用。
这是一个 excellent article详细介绍了现有的解决方案并描述了现代浏览器的 CSS3 连字处理。
关于internet-explorer - Internet Explorer 中的连字，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14145121/