html - 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 个字符的限制包括引号和分号。