0

我使用 font-awesome 为我的 rails 应用程序（不使用 gem）生成图标字体，我创建的图标字体适用于 Chrome、FF、Safari 和 IE10/11，但不适用于 IE9。我用以下代码创建了一个最小的测试用例，它适用于除 IE9 之外的所有东西（这不是 rails，只是一个 html 文件、一个 css 文件和字体文件）：

CSS：

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

.icon-test:before {
  font-family: "my-icons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}

.icon-test:before { content: "\f113"; }

HTML：

<html>
<head>
    <link rel="stylesheet" href="styles/font_face.css">
</head>
    <div class="test-container">
        test
        <i class="icon-test"></i>
    </div>
</html>

这在 Chrome 和 FF 中运行良好，但在 IE9 中不行。我弄乱了格式、MIME 类型（在实际的 rails 应用程序中），并且不确定下一步该去哪里。想法？

4

1 回答 1

0

我经常使用自定义字体，到目前为止我没有遇到任何问题。以下是我会使用的

@font-face {
font-family: "my-icons";
src: url("my-icons.eot?#iefix");
src: url("my-icons.eot?#iefix") format("eot"),
   url("my-icons.woff") format("woff"),
   url("my-icons.ttf") format("truetype"),
   url("my-icons.svg") format("svg");
font-weight: normal;
font-style: normal;
}
于 2013-09-13T04:03:14.110 回答