字体真棒图标没有出现在IE 11中,但在其他浏览器中显示

Roh*_*wad 17 font-awesome internet-explorer-11

我是font-awesome图标的新手.我有一个页面,其中有一个用户可以搜索数据的过滤器.我在搜索链接之前添加了字体真棒图标(如下面的截图所示),我可以在除IE 11之外的所有浏览器中看到此图标.有趣的是我在其他页面中也有这个图标,我可以在IE中看到它11,但我看不到这个图标(如下面的屏幕截图所示)页面.

这是IE 11的截图:

在此输入图像描述

以下是chrome的截图:

在此输入图像描述

任何人都可以帮我解决这个问题吗?

Ant*_*aux 20

我有同样的问题,我通过将此元标记添加为FIRST标记来解决它<head>:
<meta http-equiv="X-UA-Compatible" content="IE=edge">

另外,根据官方文档,请检查以下内容:

对于Internet Explorer:您不使用no-storeCache-control标头中的选项提供文件(参考号:#6454);
对于Internet Explorer和HTTPS:您不在no-cachePragma标头中提供带有选项的文件.


Jos*_*ema 11

IE @font-face在使用HTTP-Header时遇到问题Pragma=no-cache.您可以在此处看到它记录在问题跟踪器上

不幸的是,这个问题被标记为无法解决,但有一些解决方法.对我有用的是使用servlet过滤器,避免设置Pragma标头.

其他不适合我的解决方案:

对于所有ie浏览器ie11,ie10,ie9刷新后,字体真棒消失

刷新后,字体真棒图标在IE中变得不可见

  • 我认为这里值得一提的是,当存在“Vary”标头时,IE 不会缓存。因此,除了删除 Pragma / Cache-Content: no-cache 标头之外,您可能还需要删除该标头。https://jakearchibald.com/2014/browser-cache-vary-broken/ (2认同)

Swa*_*lvi 6

从 IE 控制台尝试运行以下脚本

$('head').append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" type="text/css" />');
Run Code Online (Sandbox Code Playgroud)

如果可行,则尝试将其导入 CDN 而不是将其存储在本地。