Question

我已经从fontsquirrel.com为我们客户的某个网站生成了一个@ font-face工具包。我们在staging（http）和live（https）服务器上运行该站点。该站点基于.NET构建

我遇到的问题是IE8上没有加载字体。它在IE9，Chrome，Firefox和Safari中运行良好。

我采取的步骤如下：

使用客户提供的.TTF字体文件生成的工具包
将字体文件复制到资源文件夹
使用生成的@font-face代码（下方）

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

我一直在研究可能的修复方法，到目前为止，尝试过以下方面的失败：

重新生成字体工具包
已检查所有必需的mime类型在Web.config
检查了使用开发人员工具
检查声明未在其他CSS文件中被覆盖
将下载的字体套件测试添加到登台服务器并在IE8中进行测试

注意：
我上传到登台服务器的测试在IE8上工作正常。这表明它与服务器相关或者我们的CSS中存在某些不妥之处。我99％肯定我已经排除了CSS中的任何可疑之处。

非常感谢任何帮助！

Answer 1

首先，我会检查字体文件是否实际被提供。它可能像一条不正确的相对路径一样愚蠢 - 尽管在这种情况下我怀疑它。为此，请使用Charles或Fiddler等工具。这些工具应始终是检查文件按预期提供的第一个调用端口。

我还会检查扩展/ mime类型是在站点的配置中还是在IIS的配置中设置的。

@ font-face未在IE8中加载

1 个答案: