この度、開発しているRailsアプリのバージョンを5.0から6.0に上げました。
これに付随して起こっている問題として、app/assets/fontsに配置したFontAwesomeやglyphicons等のフォントファイル(svgやwoff、ttfなど)を、production環境でのみ読み込めなくなっています。(404エラー)
Chromeの開発者ツールで確認したところ、production環境では、assets以下のフォルダが、コンパイルされたjsとcssの2つのみとなっており、フォントファイルが消し去られています。
フォントファイルはどこへ行ったのでしょうか?コンパイルされたのですか?
app/assets/stylesheetsに配置しているfont-awesome.cssの記述は以下です。
CSS
1@font-face { 2 font-family: 'FontAwesome'; 3 src: url('/assets/fontawesome-webfont.eot?v=4.7.0'); 4 src: url('/assets/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/assets/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/assets/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/assets/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/assets/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); 5 font-weight: normal; 6 font-style: normal; 7} 8…
これらのurlを、/assets/を外して指定もしてみましたが、404のままでした。
どうすれば、フォントを読み込むことができるのでしょうか。ご教授をよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。