ブートストラップ3グリフィコンのエラー

Question

私はここで答えたのと同じ質問があることを知っていますが、それらの答えの多くは宝石を使用しているか、ブートストラップのファイルを直接修正しています。これらは有効な構成ですが、私はこの分野（Sprockets、Rails Pipeline、一般的なフロントエンド開発）でナレッジセットを増やしたいのですが、これがなぜ機能していないのか、根本的な問題が何であるかを理解したい。

ルビー2.0.0-P353は、Railsの4.0.2、ブートストラップ3.0.3、nginxの1.4.4、旅客4.0.33

私は、自分のサイトから最新のブートストラップzipファイルをダウンロードしたすべての操作を行ってhereこれらのファイルを私のアプリケーションに直接インクルードし、私の開発環境でグリフコンが正しく表示されるようにしました。しかし、私がプロダクションにデプロイすると、glyphiconsはChromeで四角形として表示されます。 glyphiconsファイルの個々のファイル拡張子をプロダクションプリコンパイルに追加し、それらが私のpublic/assetsフォルダに表示されていることを確認しました。 js/cssファイルとグリフコンファイルの唯一の違いは、グリフコンファイルの横にgzippedファイルがないことです。

production.rb：

config.assets.precompile = ['*.js', '*.css', '*.eot', '*.svg', '*.ttf', '*.woff'] 

私はRailsは異なり、開発と生産の間の資産をロードすることを知っているが、なぜそれが生産にglyphicon資産を見たり理解されていませんか？これを私の現在の設定で修正する方法はありますか、または私はこのエラーを修正する方法でこれらのアセットを含む方法を変更する必要がありますか？

また、グリフコンを使用するページをレンダリングするたびに、開発とプロダクションの両方で次のエラーが発生しますが、アイコンは引き続き表示されます。これは関連していますか？

• ActionController :: RoutingError（Noルートマッチ[GET] "/fonts/glyphicons-halflings-regular.woff"）
• ActionController :: RoutingError（Noルートマッチ[GET] 「/フォント/ glyphicons-ハーフリング-regular.ttf」）
• ActionController :: RoutingError（Noルートマッチ[GET] "" /fonts/glyphicons-halflings-regular.svg）

Answer 1

は手動glyphiconsをダウンロードしてくださいフォントをサイト から手動でアップロードし、app/assets/stylesheets/fontsフォルダに入れてください。

まだあなたはclass Application < Rails::Application後に次を追加し、以下のリンクにconfig/application.rbで

Bootstrap 3 Glyphicons are not working

Answer 2

1. を参照することができbootstrapgem

   によって固定されていないいくつかの問題があります。ターミナルで

   class Application < Rails::Application 
       config.assets.paths << "#{Rails}/vendor/assets/fonts" 
   

2. 、実行して、資産をコンパイルします：

   rake assets:precompile RAILS_ENV=development 
   

3. 編集../fonts/から/assets/に@font-faceリソースの場所を変更することにより、bootstrap.cssファイルは次のようになります。それは次のようになります。

   @font-face { 
       font-family: 'Glyphicons Halflings'; 
       src: url('/assets/glyphicons-halflings-regular.eot'); 
       src: url('/assets/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/assets/glyphicons-halflings-regular.woff') format('woff'), url('/assets/glyphicons-halflings-regular.ttf') format('truetype'), url('/assets/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); 
   } 
   

あなたは完了です。 rails sで再起動すると、グリフコンが表示されます。