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