Question

首先，我想提一下，我可能已经阅读了50个关于这个问题的其他主题，但我尝试的任何内容都不适合我。

我正在使用font-awesome-rails gem将FontAwesome与我的rails 3.1 app集成。

在开发中，图标在所有3种主流浏览器（FF，Chrome和IE7,8）中都能正常运行。

在制作（Heroku）中，图标仅在FF和Chrome中加载。我在IE7＆amp; 8。

我无法确定这是否是一个浏览器问题，因为它适用于我的本地计算机，但也不能说这是一个部署问题，因为它适用于其他浏览器。

有什么想法吗？

更新

以下是资产管道生成的CSS。请注意.woff和.tff文件如何附加消化散列，但对于.eot＆amp;而言则不然。 .svg文件。这可以解释为什么在生产中IE上没有加载字体。

我能做些什么来解决这个问题，还是宝石所有者应该修理的东西？

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fontawesome-webfont.eot?#iefix") format("eot"), 
         url("/assets/fontawesome-webfont-2b313d88274b814fa936513279e62429.woff") format("woff"), 
         url("/assets/fontawesome-webfont-db4d858c72934d23138b334666f3787f.ttf") format("truetype"), 
         url("/assets/fontawesome-webfont.svg#FontAwesome") format("svg");
}

Answer 1

我添加了另外一种风格

@font-face {
  font-family: "FontAwesome";
  src: asset-url('fontawesome-webfont.eot', font);
  font-weight: normal;
  font-style: normal;
}

Rails正确地将摘要哈希值应用于此资产，IE会将其选中。

另一个@ font-face-not-working-on-IE问题

1 个答案: