質問内容
font-awesomeが文字化けし、□しか表示されず困っています。
Rails 5.2.0.beta2
で、webpackを使用しています。
sprocketsは不使用です。
font-awesomeは、font-awesome-webpack
で導入しています。
フォント形式のファイル(woff,woff2,ttf,eot)のコンパイルは通っており、ブラウザ上でも読み込みが確認できています。
css自体も効いているようです。
package.jsonは以下の通りです。
lang
1{ 2 ... 3 "dependencies": { 4 "@rails/webpacker": "^3.2.1", 5 "activestorage": "^0.1.1", 6 "axios": "^0.17.1", 7 "font-awesome": "^4.7.0", 8 "font-awesome-webpack": "^0.0.5-beta.2", 9 "import-glob-loader": "^1.1.0", 10 "less": "^3.0.1", 11 "rails-ujs": "^5.1.5", 12 "url-loader": "^1.0.1", 13 "vue": "^2.5.13", 14 "vue-loader": "^13.7.0", 15 "vue-template-compiler": "^2.5.13", 16 "vue-turbolinks": "^2.0.1" 17 }, 18 "devDependencies": { 19 "webpack-dev-server": "^2.11.1" 20 } 21}
試したこと・補足情報
CDNで読み込むと、正しく表示されます。
ご教示いただけると助かります。
よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。