0

我在 IE7 中遇到了自定义图标字体包的问题。它根本没有加载。它在 IE8+、FF 和 Chrome 中运行良好。IE8 也使用了eot，所以字体文件本身不是问题。

在网络选项卡上的IE11的IE7模式下显示根本没有对eot文件的请求（但它在IE8模式下，并且还在虚拟机上尝试了本机IE7）。

我也试过 Fiddler 来检查是否有请求但什么也没有。

我正在使用以下代码嵌入字体：

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

我也试图只专注于 IE7，所以我删除了这些并只使用了这个：

@font-face {
  font-family: "Icons";
  src: url("./Icons.eot");
  font-weight: normal;
  font-style: normal;
}

仍然没有成功，Fiddler 仍然没有看到对文件的任何请求。

我正在使用 Nginx 服务器，为 eot 文件添加了以下 MIME 类型：application/vnd.ms-fontobject

此外，即使它不是跨域请求，我Access-Control-Allow-Origin也只是肯定地添加了。

任何线索为什么根本没有请求？

4

1 回答 1

0

我决定采用“FontAwesome 方式”。我用 CSS 表达式创建了一个单独的 IE7 样式表。

.icon-caret-down {
    font-family: "Icons";
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
    font-style: normal;
}
于 2015-01-22T16:39:50.493 回答