字体图标不适用于IE9

Question

我一直在尝试修复IE9上的字体图标。我已经尝试了谷歌搜索结果给出的所有解决方案，但仍然没有运气！。

这是我的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

您是否在安全选项设置中选中了“启用字体下载”？