Значки шрифтов, которые не работают на IE9

Question

Я пытался исправить значки шрифтов на IE9. Я пробовал все решения, которые дали результаты Google, но все равно не повезло !.

это мой CSS,

@font-face { 
    font-family: 'my-icons'; 
    src: url("icons.eot"); 
    src: url("icons.eot?#iefix") format("embedded-opentype"), url("icons.woff") format("woff"), url("icons.ttf") format("truetype"), url("icons.svg#icons") format("svg"); 
    font-weight: normal; 
    font-style: normal; 
} 

[data-icon]:before { 
    font-family: "my-icons" !important; 
    content: attr(data-icon); 
    font-style: normal !important; 
    font-weight: normal !important; 
    font-variant: normal !important; 
    text-transform: none !important; 
    speak: none; 
    line-height: 1; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

[class^="my-icon-"]:before, 
[class*=" my-icon-"]:before { 
    font-family: "my-icons" !important; 
    font-style: normal !important; 
    font-weight: normal !important; 
    font-variant: normal !important; 
    text-transform: none !important; 
    speak: none; 
    line-height: 1; 
    cursor: pointer; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

.my-icon-close:before { 
    content: "\e661"; 
} 

Браузер разве в режиме совместимости. и я не нахожу никаких ошибок -404 или запрос перекрестного происхождения - в консоли. Я также попробовал шрифт, потрясающий в том же браузере, он не работает. Вот JSFiddle.

Я потерял много времени, пожалуйста, помогите.

Благодаря

Answer 1

Вы установите флажок «Включить шрифт скачать» в настройках безопасности опционов?