刷新浏览器后，Font Awesome图标消失 [英] Font Awesome icons disappear after refresh of browser

问题描述

我的字形图标在刷新页面(F5)后从Internet Explorer 11网页中消失了.但是，当我通过单击菜单链接打开网页(第一次刷新后)时，该页面会正确显示. . .

My glyphicons disappear from the Internet Explorer 11 webpage after refreshing the page (F5). But when I open the webpage (after first refreshing it)by clicking on its menu link, the page is displayed correctly . . .

在chrome中，即使按F5键也可以正常工作.我正在运行Bootstrap v3.3.1.

In chrome this works just fine even after pressing F5. I'm running Bootstrap v3.3.1.

我从 http://fortawesome.github.io/Font-很棒/示例/，但是按F5键后，即使是这个简单的代码也无法正常工作

I've taken sample code from http://fortawesome.github.io/Font-Awesome/examples/ but even this simple code does not work after pressing F5

<div class="row">
    <class ="col-lg-12">
        <div class="list-group">
            <a class="list-group-item" href="#">
                <i class="fa fa-home fa-fw"></i>&nbsp; Home
            </a>
            <a class="list-group-item" href="#">
            <i class="fa fa-book fa-fw"></i>&nbsp; Library
            </a>
            <a class="list-group-item" href="#">
                <i class="fa fa-pencil fa-fw"></i>&nbsp; Applications
            </a>
            <a class="list-group-item" href="#">
                <i class="fa fa-cog fa-fw"></i>&nbsp; Settings
            </a>
        </div>
    </class>
</div>

在Internet Explorer中刷新页面后，如何使字形可见?

What do I have to do to keep the glyphicons visible after a page refresh in Internet Explorer?

推荐答案

演示页面对我来说正常(@Isherwood)，所以我的项目中一定有东西.

The demo page works OK for me (@Isherwood), so there must be something in my project.

JSFiddle的工作正常(@Ivijan StefanStipić)，但我必须使用CDN才能在小提琴中获取.CSS和.JS文件.

The JSFiddle did work ok (@Ivijan Stefan Stipić) but I had to use a CDN to get the .CSS and .JS files in the fiddle.

所以看来我对font-awesome.min.css的引用(Fontawesome与glyphicons @Doctus是不同的).

So it seems that my reference to font-awesome.min.css (Fontawesome is not the same as glyphicons @Doctus) was the issue.

我将其替换为CDN参考:

I replaced this with a CDN reference:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

现在可以正常使用了.

这篇关于刷新浏览器后，Font Awesome图标消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！