Font Amazing Icons Disappear After Browser Refresh
My glyphicons disappear from Internet Explorer 11 webpage after page refresh (F5). But when I open the webpage (after the first refresh) by clicking on the menu link, the page is displayed correctly ...
In chrome, this works fine even after pressing F5. I am running Bootstrap v3.3.1.
I took sample code from http://fortawesome.github.io/Font-Awesome/examples/ but even this simple code doesn't 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> Home
</a>
<a class="list-group-item" href="#">
<i class="fa fa-book fa-fw"></i> Library
</a>
<a class="list-group-item" href="#">
<i class="fa fa-pencil fa-fw"></i> Applications
</a>
<a class="list-group-item" href="#">
<i class="fa fa-cog fa-fw"></i> Settings
</a>
</div>
</class>
</div>
What do I need to do to keep glyphicons visible after page refresh in Internet Explorer?
source to share
The demo page works fine for me (@Isherwood) so there must be something in my project.
The JSFiddle worked fine (@Ivijan Stefan Stipić) but I had to use a CDN to get the .CSS and .JS files in the script.
So it seems like my reference to font-awesome.min.css (Fontawesome is not the same as @Doctus glyphicon). The problem was that
I replaced this with the CDN link:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
And now it works fine.
source to share