2

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

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

在开发中，所有 3 种主要浏览器（FF、Chrome 和 IE7,8）中的图标都可以正常加载。

在 Production (Heroku) 中，图标仅在 FF 和 Chrome 中加载。我在 IE7 和 8 中得到方形框。

我真的不能说这是否是浏览器问题，因为它可以在我的本地机器上运行，但也不能真的说这是一个部署问题，因为它可以在其他浏览器中运行。

有任何想法吗？

更新：

下面是资产管道生成的 CSS。请注意 .woff 和 .tff 文件如何附加摘要哈希，但 .eot 和 .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");
}
4

1 回答 1

0

我添加了一个额外的样式

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

Rails 正确地将摘要哈希应用于此资产，并且 IE 将其拾取。

于 2012-11-10T09:18:04.153 回答