2013-01-03 31 views
3

我们正在研究一种图标字体,它将具有最终的字形集合并将免费提供http://www.webhostinghub.com/glyphs/ 我们认为使用它的最简单方法是使用连字,而不是通过复杂的CSS,就像许多其他项目呢。问题在于,似乎连字符在Internet Explorer中似乎不起作用。他们在Chrome,Firefox和Safari中工作得很好,但不在IE中。Internet Explorer中的连字号

这是一个耻辱,因为它是第一个使用@ font-face的微软,但由于某些原因他们忘记了字体可能有连字。或者,也许我错了,我希望我错了,并有一些神奇的方式来使他们工作。对于这个问题的任何建议,我将非常感激。或者如果没有直接的解决方案,也许你知道一些解决方法。感谢您提前提供任何信息!

+2

您是否尝试过使用font-feature-settings? IE10支持:http://msdn.microsoft.com/en-us/library/ie/hh869409(v=vs.85).aspx –

+0

IcoMoon提到IE9和更旧版本不支持连字:http:// icomoon .io /#docs/ligatures :( –

+0

对于任何使用连字命名图标(例如Material Design图标集)的人,请注意,如果连字顺序*长* 16个字符长,则不会在IE中呈现。 Fordi [1]为此称呼[1] https://stackoverflow.com/users/353872/fordi –

回答

2

连字不会在之前的版本IE10使用-ms-font-feature-settings

有工作真的不适合与旧版本浏览器的跨浏览器的连字的可靠方法。

使用CSS3文本呈现:optimizeLegibility在IE中不起作用,仅在IE10中支持ms-font-feature-settings。

一种替代方法是只使用HTML实体,但是您将字符替换为会对SEO产生负面影响的字符。

Ligature.js(link)是添加连字支持的替代方法。这比使用HTML实体要好,但由于其他原因,这并不实用。

这是一个excellent article,详细介绍了现有的解决方案并描述了现代浏览器的CSS3连字处理。

+0

只是我的2美分:虽然默认情况下应该启用常用的连字,但它们只会在IE10 +中添加'font-feature -settings:“liga”1;'和'-ms-font-feature-settings:“liga”1;'如[这里]所述(https://developer.mozilla.org/en/docs/Web/CSS/字体功能的设置)。 – Groo