IE8在第一次加载或刷新时无法呈现@font-face字体

Question

这是问题网站链接：https://www.cocokeyorlando.com 当我首次打开页面时，IE8无法呈现自定义字体。幻灯片文本应该加载两个字体，但如果我重新加载/刷新页面，仍然无法正常显示。

但是，当我点击标志返回主页时，它们开始工作。

以下是我用于加载它们的代码。

@font-face {
    font-family: 'neoretrodrawregular';
    src: url('fonts/NEORD.eot');
    src: url('fonts/NEORD.eot?#iefix') format('embedded-opentype'),
         url('fonts/NEORD___-webfont.woff') format('woff'),
         url('fonts/NEORD___-webfont.ttf') format('truetype'),
         url('fonts/NEORD___-webfont.svg#neoretrodrawregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blackjackregular';
    src: url('fonts/black_jack.eot');
    src: url('fonts/black_jack.eot?#iefix') format('embedded-opentype'),
         url('fonts/black_jack-webfont.woff') format('woff'),
         url('fonts/black_jack-webfont.ttf') format('truetype'),
         url('fonts/black_jack-webfont.svg#blackjackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

非常感谢您的帮助！

- user3195571

---

侧边栏中的相关问题都没有帮助吗？ ----> - cimmanon

Answer 1

请确保您的fonts/black_jack.eot文件存在，并且CSS全部正确。

该网站在IE11或IE8模式下无法正常呈现。该网站在Chrome中运行良好。

请查看以下内容... 在IE8中，字体不像预期那样工作

- thatuxguy