font awesome icon is not appearing in IE 11, but showing in other browsers

internet-explorer-11 font-awesome
Rohit Gaikwad picture Rohit Gaikwad · Jul 8, 2015 · Viewed 53.6k times · Source

I am new to font-awesome icons. I have one page in which there is a filter where user can search the data. I have added font awesome icon just before the search link (as per below screenshot), I can see this icon in all the browsers except IE 11. The funny thing is I have this icon in other pages also and I can see it in IE 11, but I cannot see this icon on this (as per below screenshot) page only.

Here is the screenshot from IE 11:

enter image description here

Here is the screenshot from chrome:

enter image description here

Can anyone help me out on this?

Answer

Antoine Dusséaux picture Antoine Dusséaux · Aug 20, 2016

I had the same issue, I solved it by adding this meta tag as the FIRST tag in <head>:
<meta http-equiv="X-UA-Compatible" content="IE=edge">

Also, according to the official documentation, check the following:

For Internet Explorer: you don't serve files with no-store option in Cache-control header (Ref: #6454);
For Internet Explorer and HTTPS: you don't serve files with no-cache option in Pragma header.

Related questions

How to downgrade from Internet Explorer 11 to Internet Explorer 10?

As a developer, I found the new Internet Explorer version to be a complete nightmare. I turned the windows feature off, but I wasn't able to install Internet Explorer 10. It says that it's already installed which it is not. Is …

Read More
How to write a CSS hack for IE 11?

How can I hack or write css only for IE 11? I have a website that looks bad in IE 11.I just search here and there but didnt find any solution yet. Is there any css selector?

Read More
IE11 prevents ActiveX from running

Our web browser plugin works fine in IE9 and IE10 but in IE11 the plugin is neither recognized as an add-on or allowed to run. It's as if IE11 no longer supports ActiveX. Surely there is a workaround but what …

Read More