font-awesome 在通过 https 在 IE11 中的第二次加载时无法正常工作答案

【问题标题】：font-awesome is not working properly on second load in IE11 over httpsfont-awesome 在通过 https 在 IE11 中的第二次加载时无法正常工作
【发布时间】：2017-11-17 05:53:15
【问题描述】：

我在 Angular 2 中有一个问题，我们在样式和字体中使用了 font-awesome。在本地，它按预期工作，但是当我们部署代码时，它在第一次加载时工作，但是当您刷新页面时，它会删除所有样式并表现不同。

【问题讨论】：

解释清楚。显示代码或显示。
您找到解决方案了吗？我有完全相同的问题。当应用程序第一次加载时，图标会显示出来，但是如果你刷新它们就会消失并且在我关闭浏览器并再次登录之前永远不会回来。

标签： angular internet-explorer https font-awesome

【解决方案1】：

这个问题可能是由于缓存问题。在这里，您可以找到一些关于 Font-Awesome 故障排除的文档：https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting

检查以下内容：

您正确配置了服务器的 MIME 类型（参考：#5559）；

您正确配置了跨域资源共享 (CORS)；

对于 Internet Explorer：您不会在缓存控制标头中提供带有 no-store 选项的文件（参考：#6454）；

对于 Internet Explorer 和 HTTPS：您不会在 Pragma 标头中提供带有 no-cache 选项的文件；

对于 Internet Explorer：尝试去掉 @font-face 定义中的查询字符串。您需要一个自定义 css 文件（参考：#3286）。

也试试 Internet Explorer 兼容模式：

此功能会导致 IE 出现一些随机问题，因此请禁用通过将元标记添加为您的 FIRST 标记： <meta http-equiv="X-UA-Compatible" content="IE=edge">

【讨论】：