IE11嵌入式字体无法正常工作 - 尝试了所有常用方法

Question

我有一套在Firefox,Chrome,Safari中运行良好的嵌入式字体 - 但是,惊喜,惊喜,不是在IE中(v11,但在10中试过,但也没有用).

我可以在IE中加载一些,但不能加载其他的.css示例:

/* working */
@font-face {
    font-family: 'FoundersGroteskWeb-Semibold';
    src: url(./fonts/FoundersGroteskWeb-Semibold.eot);
    src: url(./fonts/FoundersGroteskWeb-Semibold.eot?#iefix) format('embedded-opentype'),
        url(./fonts/FoundersGroteskWeb-Semibold.woff) format('woff');
    font-style: normal;
    font-weight: normal;
            }

/* not working */    
@font-face {
    font-family: 'FoundersGroteskX-CondensedWeb-Bold';
    src: url(./fonts/FoundersGroteskX-CondensedWeb-Bold.eot);
    src: url(./fonts/FoundersGroteskX-CondensedWeb-Bold.eot?#iefix) format('embedded-opentype'),
        url(./fonts/FoundersGroteskX-CondensedWeb-Bold.woff) format('woff');
    font-style: normal;
    font-weight: normal;
}

服务的字体,所有命名都正确,等等.我注意到的一个区别是所有其他浏览器都加载了woff文件,而IE正在使用(第一个,非#iefix)eot文件.所以我尝试删除对eot文件的所有引用,强制IE11使用woff.再次,它加载第一个罚款,但没有使用第二个(所有其他浏览器加载都没有问题).

当我在IE上检查网络选项卡时,我可以看到第一个字体的200响应,但第二个字体根本没有任何内容,看起来它可能在css的解析中窒息.但是,鉴于两个声明与字体名称相同,我不明白为什么会这样.

任何人都有任何想法,我还能尝试什么,因为我已经没有吸管了？

Answer 1

IE 9(我认为10和11)在字体名称声明上有31个字符限制.请尝试将您的字体名称重命名为"FoundersGroteskX-CndWeb-Bld"; 这是30个字符,只是为了安全(因为这个31个字符的限制包括引号和分号.