5

我们正在开发一种图标字体，它将拥有最终的字形集合，并将免费提供http://www.webhostinghub.com/glyphs/ 我们认为使用它的最简单方法是使用连字，而不是通过复杂的 CSS就像许多其他项目一样。问题是连字似乎在 Internet Explorer 中不起作用。它们在 Chrome、Firefox 和 Safari 中运行良好，但在 IE 中却不行。

真可惜，因为微软是第一个使用@font-face 的人，但由于某种原因，他们忘记了字体可能有连字。或者也许我错了，我希望我错了，有一些神奇的方法可以让它们发挥作用。我将非常感谢有关此主题的任何建议。或者，如果没有直接的解决方案，也许您知道一些解决方法。感谢您提前提供任何信息！

4

1 回答 1

4

连字在 IE10 之前的版本中无法使用-ms-font-feature-settings

对于旧浏览器的跨浏览器连字确实没有可靠的方法。

使用 CSS3 文本渲染：optimizeLegibility在 IE 中不起作用，并且 ms-font-feature-settings 仅从 IE10 开始受支持。

一种替代方法是仅使用 HTML 实体，但随后您将用字符替换字母，这会对 SEO 产生负面影响。

Ligature.js ( link ) 是添加连字支持的另一种方法。它比仅使用 HTML 实体要好，但由于其他原因，它不是很实用。

这是一篇优秀的文章，详细介绍了现有的解决方案并描述了现代浏览器的 CSS3 连字处理。

于 2013-10-07T02:44:54.877 回答