2016-10-10 18 views
1

Railsアプリケーションでカスタムフォントを読み込もうとすると、ページに読み込まれず、ソースでそれらを調べると404エラーが発生します。しかし、私はポジティブです。私はすべてを正しく行ってきました。Railsアプリケーションでフォントがロードされない

CSS:

materialize.cssは私のフォントファイル

何を定義し

*= require normalize.css 
*= require_tree . 
*= require materialize.css 

を:

@font-face { 
    font-family: "Roboto"; 
    src: local(Roboto Thin), url("/assets/fonts/Roboto-Thin.eot"); 
    src: url("/assets/fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Roboto-Thin.woff2") format("woff2"), url("/assets/fonts/Roboto-Thin.woff") format("woff"), url("/assets/fonts/Roboto-Thin.ttf") format("truetype"); 
    font-weight: 200; 
} 

そして、私のフォントが/assets/fonts/

に間違いなくある。ここに私application.cssがレイアウトされている方法ですそうでなければd?

+1

[Rails 4でのフォントの使い方]の複製があります(http://stackoverflow.com/questions/18294150/how-to-use-fonts-in-rails-4) – infused

答えて

1

CSSでスタティックURLの代わりにfont_urlヘルパーを使用します。

+0

私も修正できました私のconfig/application.rbファイルに 'config.assets.paths << Rails.root.join( "app"、 "assets"、 "fonts")を追加するだけで、5ではなくRails 4も使用しています。 – user3183717

+0

これは本当に必要ではないはずですが、font_urlヘルパーを使用することで、キャッシュが適切に機能し続けるなど、私はまだそれをお勧めします。 –

関連する問題