fontawesomeをタスクランナー経由でインストールすることについて。
CDNでインストールするだけならURL張り付けるだけですが。
インストール
まずnpmで下記コマンドでインストールをします。
1 |
npm install --save-dev font-awesome font-awesome-webpack url-loader file-loader style-loader css-loader less-loader |
webpack.mix.js
1 2 3 4 |
mix ・・・・・ .less('node_modules/font-awesome/less/font-awesome.less','public/pc/css') ・・・・ |
lessを例に出してますが、sassでももちろん問題ありません。
あとはHTML側でfontawesomeのタグを入れます。
チェック点
- 画面を読み込んだとき、CSSがよみこまれているか
- Fontの画像データ(eot,svg,ttfなど)がよみこまされているか
画像データはディレクトリにあるのに読み込まれないときはapacheやnginxなどの画像サーバーで読み込まされているかの確認もしておきましょう。
参考リンク