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;
}

非常感谢任何帮助！

Answer 1

确保你有fonts / black_jack.eot文件，并且CSS都是正确的。

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

看看这些...... Font Face not working in IE8 as expected

ie8在第一页加载或刷新时不渲染@ font-face字体

1 个答案: