没有在IE11中加载图标字体
我们使用图标字体，它们在Chrome和Firefox中运行良好，但不会在IE11中显示.有时候。它似乎适用于第一个页面加载，但不适用于随后的页面加载。清除缓存似乎没有重置它。这个问题可能会出现在其他IE版本中，现在我们只关注IE11。
这是我们的@字体脸：
@font-face {
font-family: 'icon';
src:url('fonts/icon.eot?-3q3vo5');
src:url('fonts/icon.eot?#iefix-3q3vo5') format('embedded-opentype'),
url('fonts/icon.woff?-3q3vo5') format('woff'),
url('fonts/icon.ttf?-3q3vo5') format('truetype'),
url('fonts/icon.svg?-3q3vo5#rezku') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-alphabet:before {
content: "\e600";
}
/* etc etc etc */但这就是奇怪的地方。查看开发人员工具，将发送针对字体的HTTP请求，但只接收到几百个字节(可能只是头)。
但是HTTP响应将内容长度正确地列出为几千字节。
"Response“选项卡只表示”没有要查看的数据“。
您可以在Network屏幕截图中看到Google字体并不是这样的。
粘贴地址栏中的URL将导致下载完整文件。
回答 7
Stack Overflow用户
发布于 2015-11-03 20:18:57
遇到类似的问题，从上面的截图中，响应有一个“无商店”的缓存控制头。IE似乎在缓存和字体方面有问题。
移除“缓存控制:无存储”和"Pragma: no-cache“标题对我们工作，使图标字体再次出现。
Stack Overflow用户
发布于 2017-11-13 10:35:22
在调查了同一问题并浏览了网上发布的各种解决方案之后，我创建了以下故障排除列表，其中涵盖了大多数潜在原因：
- 字体下载在IE中禁用，在因特网选项/安全/自定义级别/字体下载支持/disable。它们可能被您的网络管理员禁用，在这种情况下，您将无法看到或更改此设置。
- HTTP头阻止IE在本地存储字体文件。若要修复，请删除任何
Cache-Control: no-store, no-cache或Pragma: no-cache标头，或任何带有过去日期的Expires标头。此外，Vary头在IE中也有它的窍门，如果设置为Accept-Encoding、User-Agent、Host或Accept-Language以外的任何东西，那么IE将不会缓存任何东西，除非和ETAG报头也存在(参见这篇MSDN博客文章)。 - 您没有为字体下载设置正确的MIME类型。例如，Jetty 9将在默认情况下为通常的字体类型(
Content-Type: text/plain)设置eot, woff, woff2。有关要使用的适当内容类型，请参见这个答案。 - 确保对图标元素使用
display: block或display: inline-block。 - 最后，确保通过故障排除指南在FontAwesome。
Stack Overflow用户
发布于 2017-07-26 08:33:00
我也遇到了类似的问题，但是使用了引导字体图标(Glyphicons)。你可以试一试，如果成功的话：
(通常在windows 10上) IE-11设置已经更改为不下载任何外部字体，并且只使用Windows中可用的字体。这是默认行为。
但是，我们可以在IE中更改此设置，以使其能够下载外部字体。以下是IE中要执行的步骤:设置>>因特网选项>>安全性
单击“Internet”(或您可能使用的任何区域) >>“自定义级别…”
下一步在‘安全设置’-启用‘字体下载’。默认情况下，它将被禁用。
刷新页面
https://stackoverflow.com/questions/26894319
复制相似问题
腾讯云开发者
