css 字体代码不适用于 IE7/8

Question

我使用 font-squirrel 生成网页字体并为字体指定 CSS 声明，但当我使用 IE7 或 IE8 浏览器和文档模式在 IE9 中查看页面时，它仍然使用后备字体。知道发生了什么事吗？这是我的代码(和屏幕截图):

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


.cubano { font-family: 'cubanoregular' }

Answer 1

如果您在上面输入的代码是准确的，那么唯一的问题是您的 eot 文件路径不正确:

src: url('../fonts/cubano/cubano/../fonts/cubano/cubano-regular-webfont.woff-webfont.eot');...

修复它，它应该可以正常工作。我相信 IE 从第 5 版开始支持 @font-face，但仅在 9 之前的版本中 eot支持。