2

我开发了一个应用程序，在其中我使用 twitter bootstrap 来吸引一些前端。每个在本地看起来都很好，但是，当我部署到 heroku 时，Glyphicons 都搞砸了。在 Google Chrome 中，所有的 Glyphicons 都是正方形。在 Firefox 中，所有的 Glyphicons 都是一些奇怪的正方形。我用 gem 安装了引导程序（https://github.com/seyhunak/twitter-bootstrap-rails）：

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

此外，这里是 google 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

任何和所有输入将不胜感激。

4

3 回答 3

2

Ok, I found my solution in this github post.

All I did was move the gem out of the assets category. From this:

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

To this:

gem "twitter-bootstrap-rails"

And the Glyphicons now work perfectly.

于 2012-09-12T11:07:20.450 回答
1

I had a similiar problem using the bootstrap-sass gem. In the end I had to copy the 4 font files directly into the public/assets/bootstrap folder (where the 404 was occurring when trying to access the files).

This feels messy but I don't understand enough about how to debug properly to find a better approach.

于 2013-12-12T15:08:30.070 回答
0

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

于 2014-04-23T23:38:42.637 回答