I have created font icons through icomoon. And used the below code to add the fonts in the CSS of a web page:
@font-face {
font-family: 'xlfont';
src: url('./images/spreadsheet/xlicons.eot?-dzszjm');
src: url('./images/spreadsheet/xlicons.eot?#iefix-dzszjm') format('embedded-opentype'),
url('./images/spreadsheet/xlicons.woff?-dzszjm') format('woff'),
url('./images/spreadsheet/xlicons.woff') format('woff'),
url('./images/spreadsheet/xlicons.ttf?-dzszjm') format('truetype'),
url('./images/spreadsheet/xlicons.svg?-dzszjm#ssicons') format('svg');
font-weight: normal;
font-style: normal;
}
This is working fine in IE11 until I enabled the option “untrusted font blocking”. Once I enabled this option, I got the following error.
CSS3111: @font-face encountered unknown error.
xlicons.eot
Anyone else had an issue like this? Could you please give any suggestion are workaround for this?