@ font-face无法在IE8中加载

我从fontsquirrel.com为我们客户的网站之一生成了一个@ font-face工具包。我们的网站运行在分段（http）和实时（https）服务器上。该网站建立在.NET@ font-face无法在IE8中加载

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

我所采取的步骤如下：

使用由所述客户机提供
复制字体文件到资产夹.TTF字体文件使用所产生的在CSS文件
引用字体文件生成试剂盒@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中
设置经过了FONT-FAMILY规则被拾起在IE中使用的开发工具
经过申报不被覆盖在其他CSS文件
新增下载字体套件测试到临时服务器和测试IE8

说明：
我上传到暂存服务器的测试在IE8上工作正常。这将暗示它要么是与服务器相关的，要么是我们CSS中存在某些不妥之处。不过，我99％确定我排除了CSS中的任何可疑内容。

任何帮助将不胜感激！

来源

2013-01-23 Chris Goodchild

特别是因为您怀疑这是服务器相关的，发布URL是非常重要的。使用真实的字体名称并识别字体的来源也会更好。根据给定的信息，问题似乎是不可分析的。 –

恐怕我们无法发布网址 - 该网站尚未投放。该网站使用[Umbraco]（http://www.umbraco.com）（这应该没有区别），但HTML和CSS都很正常; CMS没有做任何可能会弄乱他们的事情。 –

您说现场网站使用的是https，您是否在现场服务器上尝试过测试，或者在使用SSL的临时测试上进行过测试？ – graham

首先，我会检查字体文件是否真的被提供。它可能像一个相对路径不正确一样愚蠢 - 虽然在这种情况下我怀疑它。使用此工具，如Charles或Fiddler。这些工具应始终是第一个检查文件是否按预期方式提供服务的端口。

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

来源

2013-01-24 11:06:33 Digbyswift

mime类型都设置正确，我很确定我们的路径是正确的，因为其他浏览器正在拉字体。不过请小提琴手 - 我会立即检查。希望我们的测试（上面提到）会给我们提供一个线索。谢谢！ –

我也会检查你在哪里设置了项目结构中的CSS。 Umbraco使用ClientDependency库来缓存由站点提供的某些文件，包括设置_within_ Umbraco本身的CSS。如果CSS独立于Umbraco，那么这不会成为问题。 – Digbyswift

问题的确在于.eot文件未加载。 .csproj中的.eot文件的构建操作默认设置为“无”，而不是“内容”，所以自然不会加载。接受答复，非常感谢！ –

@ font-face无法在IE8中加载

回答

相关问题