Heroku中的Twitter Bootstrap Glyphicons

Question

我已经开发了一个应用程序，在其中我使用twitter bootstrap进行一些前端呼吁。然而，当我部署到heroku时，一切在本地看起来都很好，Glyphicons都搞砸了。在Google Chrome中，所有的Glyphicons都是正方形的。在firefox中，所有的Glyphicons也都是方形的。我使用gem (https://github.com/seyhunak/twitter-bootstrap-rails)安装了bootstrap：

gem "twitter-bootstrap-rails", :group => :assets

此外，这是谷歌chrome和firefox搞乱了Glyphicons的屏幕截图，以及Glyphicons在本地的外观：

http://imgur.com/a/BIYhI#4

以下是Heroku上浏览器中加载的Glyphicons css的屏幕截图：

http://i.imgur.com/qhOF3.png

以下是本地Glyphicons css的屏幕截图：

http://i.imgur.com/mxkNH.png

任何和所有的投入都将受到极大的感谢。

Answer 1

好吧，我在this github post中找到了我的解决方案。

我所做的就是将宝石移出资产类别。从这个开始：

gem "twitter-bootstrap-rails", :group => :assets

要这样做：

gem "twitter-bootstrap-rails"

Glyphicons现在可以完美地工作了。

Answer 2

我在使用bootstrap-sass gem时遇到了类似的问题。最后，我不得不将这4个字体文件直接复制到public/assets/bootstrap文件夹中(当试图访问这些文件时，404就出现在这个文件夹中)。

这感觉很混乱，但我对如何正确调试以找到更好的方法还不够了解。

Answer 3

font_assets gem是专门为此而创建的。用它解决了我的问题。(如果您从CloudFront为您的资产提供服务，请不要忘记在安装此gem之后使您的资产无效。)