Saturday 2 April 2016

[Solved] Bootstrap icons not visible in IE 11 Windows 10

There is a problem in IE, the icon are not loading properly. please suggest some solution.
Urgent help is needed. I have tried everything Internet options and all also reset the Internet explore but the problem still persist

Try these Solutions

1. Make sure you have placed font files in right location. "/fonts/.." , "fonts/.."
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/fonts/glyphicons-halflings-regular.eot');
    src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/glyphicons-halflings-regular.woff') format('woff'),
url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');

2. Make sure a font file downloading properly. Status code of font file should be 200 OK or 304 Not modified.

3. Go to Internet > options > Security > uncheck [Enable protected Mode]

4. Go to Internet > options > General > Accessibility > uncheck [Ignore font styles specified on webpages]

5. For specific URL

  • Internet Options and then click the Security tab.
  • Select Custom and click Settings.
  • Scroll to the Downloads section.
  • Change the Font Download setting from Prompt to Enable.