読者です 読者をやめる 読者になる 読者になる

tanaka's Programming Memo

プログラミングについてのメモ。

Laravelにfont-awesomeを組み込む

デフォルトで使えたと思ったら勘違いだった模様なので、Sass版を組み込みます。

  • Font Awesome, the iconic font and CSS toolkit を開く
  • [Download]を押して、パッケージをダウンロード
  • とりあえず[No thanks, just download Font Awesome]の方を押す
  • zipファイルのダウンロードが完了したら、展開する
  • 展開したフォルダー内の font-awesome-x.x.x フォルダーを、Laravelプロジェクトの resources/assets/sass フォルダー内にコピー
  • font-awesome-x.x.xフォルダー内にある fonts フォルダーをコピーして、 publicフォルダー内に貼り付ける
  • gulpfile.js をエディターで開く
  • elixirのmix.sass(・・・)の部分を以下に書き換えて、font-awesomeのscssを対象に加える(font-awesome-4.7.0 を利用するときの例。バージョンに応じて書き換えるか、フォルダー名からバージョンを外してください)
    mix.sass(['app.scss', 'font-awesome-4.7.0/scss/font-awesome.scss'])

以上で、 font-awesome のアイコンが利用できるようになります。