Question

我在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。

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

Answer 1

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

.icon-caret-down {
    font-family: "Icons";
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf104;');
    font-style: normal;
}

IE7没有加载eot webfont

1 个答案: