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

前端 未结 16 1401
孤城傲影
孤城傲影 2020-12-01 06:40

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

相关标签:
16条回答
  • 2020-12-01 07:29

    If apache server is serving Font files, addthe following entries to the httpd.conf or .htaccess in .

    To set right mime-types for font files, add this lines to config:

     AddType application/vnd.ms-fontobject .eot
     AddType font/truetype .ttf
     AddType font/opentype .otf
     AddType font/opentype .woff
     AddType image/svg+xml .svg .svgz
    

    To update font files headers, This fix perfectly worked to render Font Icons in IE Browsers.

    <LocationMatch "\.(eot|otf|woff|ttf)$">
       Header unset Cache-Control
       Header unset no-store
    </LocationMatch >
    
    0 讨论(0)
  • 2020-12-01 07:29

    For internet explorer 11, you can change your CSS like that :

    nb-icon.menu-icon { 
                      visibility: hidden; 
                      } 
    nb-icon.menu-icon::before{ 
                      visibility: visible; 
                      }
    
    0 讨论(0)
  • 2020-12-01 07:32

    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.

    0 讨论(0)
  • 2020-12-01 07:33

    I've encountered the same issue, searched everywhere and no luck. It appears it was due to Microsoft cumulative Security update which stopped loading Fonts/Images especially :

    https://support.microsoft.com/en-us/help/4486474/cumulative-security-update-for-internet-explorer-february-12-2019

    https://support.microsoft.com/en-us/help/4491113/cumulative-update-for-internet-explorer-february-19-2019

    To fix it you need to install the March patch:

    https://support.microsoft.com/en-us/help/4489873/cumulative-security-update-for-internet-explorer-march-12-2019

    0 讨论(0)
提交回复
热议问题