font-awesomeを使おうとしていますが、実行すると次のエラーが発生します
ActionController::RoutingError (No route matches [GET] "/assets/fonts/font-awesome/fontawesome-webfont.woff"):
....
ActionController::RoutingError (No route matches [GET] "/assets/fonts/font-awesome/fontawesome-webfont.ttf"):
....
ActionController::RoutingError (No route matches [GET] "/assets/fonts/font-awesome/fontawesome-webfont.svg"):
私のGemfileには次のものがあります。
gem "font-awesome-rails" # https://github.com/bokmann/font-awesome-rails
私のframework_and_overrides.css.scssには次のものがあります。
// import the CSS framework
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome";
私のapplication.cssには次のものがあります。
/*
...
*= require font-awesome
*= require dashboard/framework_and_overrides
....
*/
application.rbに追加しました:
config.assets.paths << Rails.root.join("app", "assets", "fonts")
そして、私はrake Assets:clobberを実行して、クリーンベースで開始します..今のところ、同じエラー
あなたの悟りをありがとう...
application.cssから削除します。
*= require font-awesome
あなたのframework_and_overrides.css.scssで、下部に次の行を追加します。
@import "font-awesome-sprockets";
@import "font-awesome";
更新
アセットのルーティングに問題があることが判明しました。Railsは、アセットがプリコンパイルされているかどうかに応じて、アセットへのパスを作成します。すべての場合(本番と開発の両方)で物事を機能させる最も安全な方法は、次のようにルートをfont_urlに配置することです。
@font-face {
font-family: "FontAwesome";
src: font_url('fontawesome-webfont.eot');
src: font_url('fontawesome-webfont.eot?#iefix') format('eot'), font_url('fontawesome-webfont.woff') format('woff'), font_url('fontawesome-webfont.ttf') format('truetype'), font_url('fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
または、外部スタイルシートをリンクすることもできます(パフォーマンスが低下する可能性があります)。
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加