0

We are facing a strange problem with font awesome, It is not loading first time and not even after refreshing the page. But it will load correctly if we move to a different page in the application(MVC5, Bootstrap, font awesome).This is issue is happening only with IE. We are able to narrow down the issue and it happens only when we disable caching by adding these lines in web.config. If remove these lines then it will work(as per InfoSec policy, we have to disable caching).

<httpProtocol>
  <customHeaders>
    <add name="X-Frame-Options" value="SAMEORIGIN"/>
    <!-- HTTP 1.1. -->
    <add name="Cache-Control" value="no-cache, no-store, must-revalidate" />        
    <!-- HTTP 1.0. -->
    <add name="Pragma" value="no-cache" />        
    <!-- Proxies. -->
    <add name="Expires" value="0" />        
  </customHeaders>
</httpProtocol>

Any help appreciated.

Biju Thomas
  • 1,079
  • 3
  • 14
  • 27
  • Did you try http://stackoverflow.com/questions/9021946/add-mime-mapping-in-web-config-for-iis-express or http://codingstill.com/2013/01/set-mime-types-for-web-fonts-in-iis/ – odedta Oct 29 '15 at 13:03
  • Yes, We have added required mime types and font will work if we move to another page in the application with same Layout.cshtml where we added all the css links. – Biju Thomas Oct 29 '15 at 13:27
  • Live link is possible? – odedta Oct 29 '15 at 13:40
  • Application is hosted in intranet and not available outside :( – Biju Thomas Oct 29 '15 at 14:32
  • Try http://stackoverflow.com/questions/13415073/on-ie-css-font-face-works-only-when-navigating-through-inner-links – odedta Oct 29 '15 at 18:10
  • lol @ https://connect.microsoft.com/IE/feedbackdetail/view/992569/font-face-not-working-with-internet-explorer-and-http-header-pragma-no-cache – odedta Oct 29 '15 at 18:11

0 Answers0