html - 图标在使用 rails 部署时中断，带有花式扩展的 spree

Question

我用 rails 4.0.2 spree 2-1-stable 运行。我添加了 spree-fancy 扩展。
在开发服务器上一切看起来都很好。

当我部署到生产环境时，图标会损坏(例如购物车、搜索、帐户图标)。图标 html 是:

<i class="icon-basket"></i>

CSS 是:

.icon-basket:before { content: '\e73d'; }
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'icons';
}

我可以通过删除以下行在我的开发环境中重现该问题:font-family: 'icons'。这个问题发生在 Heroku 和我自己运行 nginx 的服务器上。检查两个页面上的源 html 和 css，一切看起来都一样。任何建议或见解将不胜感激。

Answer 1

我在使用 rails 4.0.2 和 spree 2-1-stable 时遇到了同样的问题，我花了最后 4 个小时才找到解决方法。您自己已经提到过，但也许它可以为其他人节省一些时间(即使这不是真正的解决方案):

只需找到丢失的 .woff 或其他文件并将它们复制到正确的目录即可。在我的例子中，这些是需要的:

1. icon.wuff 来自 github.com/spree/spree_fancy

2. fontawesome-webfont.woff 来自 here

3. 来自 jquery 的 ui-bg_flat_75_ffffff_40x100.png(只需谷歌一下)

只需将它们插入服务器/浏览器提示的目录即可。