html - 使用 Rails、带有精美扩展的 spree 进行部署时图标会中断

Question

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

当我部署到生产环境时，图标会损坏(例如购物车、搜索、帐户图标)。图标 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(只需 google 即可)

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