ikony czcionek nie działają na IE9 - html, css, font-awesome

Próbowałem naprawić ikony czcionek na IE9. Wypróbowałem wszystkie rozwiązania, które dały wyniki Google, ale wciąż nie ma szczęścia !.

to jest mój 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";
}

Przeglądarka nie jest w trybie zgodności. i nie znajduję żadnych błędów-404 ani żądania pochodzenia krzyżowego - w konsoli. Próbowałem również czcionki świetnej w tej samej przeglądarce, nie działa. Tutaj jest JSFiddle.

Straciłem dużo czasu, proszę o pomoc.

Dzięki

Odpowiedzi:

Czy sprawdziłeś "Włącz pobieranie czcionek" w ustawieniach opcji zabezpieczeń?