css - Icon fonts not loading in IE11 -

css - Icon fonts not loading in IE11 -

we're using icomoon our icon fonts, , work fine in chrome , firefox, won't display in ie11... sometimes. seems work on first page load, not on subsequent page loads. clearing cache doesn't seem reset it. issue may nowadays in other ie versions, right we're focusing on ie11.

here's our @font-face:

@font-face { font-family: 'icon'; src:url('fonts/icon.eot?-3q3vo5'); src:url('fonts/icon.eot?#iefix-3q3vo5') format('embedded-opentype'), url('fonts/icon.woff?-3q3vo5') format('woff'), url('fonts/icon.ttf?-3q3vo5') format('truetype'), url('fonts/icon.svg?-3q3vo5#rezku') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* improve font rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-alphabet:before { content: "\e600"; } /* etc etc etc */

but here's gets weird. looking @ developer tools, http request fonts beingness sent, few hundred bytes beingness received (probably headers).

but http response lists content length correctly several kilobytes.

the "response body" tab says "no info view."

you can see in network panel screenshot google fonts aren't behaving this.

pasting url in location bar results in total file beingness downloaded.

ran similar problem, , screenshot above, response has cache-control header of 'no-store'. ie seems have issues caching , fonts.

removing both 'cache-control: no-store' , "pragma: no-cache" headers worked icon fonts show again.

https://github.com/fortawesome/font-awesome/issues/6454

css internet-explorer internet-explorer-11 webfonts