CODEWITHSUNDEEP
internet-explorerfont-awesomeglyphicons
RHAD
RHAD

Reputation: 1357

Font Awesome icons disappear after refresh of browser

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 . . .

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

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>

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

Upvotes: 4

Views: 3641

Answers (1)

RHAD
RHAD

Reputation: 1357

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

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.

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

I replaced this with a CDN reference:

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

And it works OK now.

Upvotes: 1

Related Questions