2

フロントエンドをアピールするためにTwitterブートストラップを使用したアプリを開発しました。ローカルではすべてが正常に見えましたが、herokuにデプロイすると、Glyphiconsがすべて台無しになりました。Google Chromeでは、すべてのグリフィコンは正方形です。Firefoxでは、すべてのグリフィコンは、同様に正方形に見えるいくつかの戦略です。gem(https://github.com/seyhunak/twitter-bootstrap-rails)を使用してブートストラップをインストールしました:

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

また、グーグルクロームとFirefoxがグリフィコンを台無しにしたスクリーンショットと、グリフィコンがローカルでどのように見えるかを次に示します。

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

これは、HerokuのブラウザにロードされたGlyphiconscssのスクリーンショットです。

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

これは、ローカルのGlyphiconscssのスクリーンショットです。

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

ありとあらゆる入力を大いに歓迎します。

4

3 に答える 3

2

わかりました。このgithubの投稿で解決策を見つけました。

私がしたのは、宝石をアセットカテゴリから移動することだけでした。これから:

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

これに:

gem "twitter-bootstrap-rails"

そして、グリフィコンは完全に機能するようになりました。

于 2012-09-12T11:07:20.450 に答える
1

bootstrap-sass gem を使用して同様の問題が発生しました。最後に、4 つのフォント ファイルを public/assets/bootstrap フォルダー (ファイルにアクセスしようとしたときに 404 が発生していた場所) に直接コピーする必要がありました。

これは面倒ですが、より良いアプローチを見つけるために適切にデバッグする方法について十分に理解していません。

于 2013-12-12T15:08:30.070 に答える
0

font_assets gem は、このために特別に作成されています。それを使用すると、問題が解決しました。(CloudFront からアセットを提供している場合は、この gem をインストールした後にアセットを無効にすることを忘れないでください。)

于 2014-04-23T23:38:42.637 に答える