Font SVG icon issues in IE

|
| By Webner

Problem

After downloading the setup of CSS for icon files (.eot, .woff, .tff.) from font awesome library, Devextreme icons, and UI operations like selecting checkboxes inside the Devextreme Datagrid were not working on IE in my c# .net web application. Although it was working correctly in all other browsers. And in Internet Explorer, it was working in the case if online CDN links for font awesome CSS files were used.

As per suggestions on the internet, there could be many reasons, but basically, security policies of Internet Explorer interfere with your app settings for icon files like .eot, .woff, .tff.. The basic reason in my case for not displaying icons was the presence of ‘no-store’ settings in web.config file. You can find the following section in your config file
<system.webServer>
<httpProtocol>
<customHeaders>
<remove name="Cache-Control"/>
<add name="Cache-Control" value="no-cache, no-store, must-revalidate"/>
</customHeaders>
</httpProtocol>
..
<system.webServer>

You need to modify the cache-control setting as follows to resolve the issue:

<system.webServer>
<httpProtocol>
<customHeaders>
<remove name="Cache-Control"/>
<add name="Cache-Control" value="no-cache, must-revalidate"/>
</customHeaders>
</httpProtocol>
<system.webServer>

Basically, we need to eliminate the ‘no-store’ settings for cache control settings, that may also exist in your view/page which could have been applied through meta tags or you may need changes in your IIS settings.

Leave a Reply

Your email address will not be published. Required fields are marked *