3

我无法在 IE (IE9) 中正确加载字体。在 Chrome 中运行良好。

您可以通过查看此Fiddle来查看问题。在 IE9 中显示一个框，而在 Chrome 中显示一个星号。

我正在使用此处找到的 FontAwesome 包。我认为问题在于 .css 文件顶部的 @font-face 声明（如下所示）。有人能看出为什么 IE 不会呈现这种字体吗？

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/fontawesome-webfont.woff') format('woff'),
     url('../font/fontawesome-webfont.ttf') format('truetype'),
     url('../font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'),
     url('../font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
4

2 回答 2

3

想通了这个问题。我的 IE9 处于兼容模式。当我关闭它时，字体开始出现。

于 2012-03-07T18:16:16.307 回答
0

在 jsfiddle 中，您没有设置font-family任何元素，您使用的是斜体（i元素），但您@font-face仅指定了普通字体，并且 jsfiddle 没有说明问题，因为@font-face缺少（并且不会在那里工作，因为 URL 是相对的） .

此外，您的 jsfiddle 尝试设置生成内容的样式，而不是普通内容。使用的字符是私人使用字符（U+F060），并且除非私人协议，否则不应传输和使用此类字符。

最好在最简单的情况下隔离问题，以消除其他问题的影响（例如生成内容的问题）。

于 2012-03-07T05:01:21.023 回答