fontawesomeをローカルにダウンロードしたファイルから読み込むのに少し戸惑ったのでご紹介します。
まずは必要なファイルをfontawesome公式サイトからダウンロードします。
ダウンロードしたzipを解凍してフォルダを開いてみると、次のような４つのフォルダと２つのファイルが入っています。
- advanced-options
- svg-with-js
- use-on-desktop
- web-fonts-with-css
- LICENSE.txt
- README.md
この中のweb-fonts-with-cssを使います。フォルダ名を見ればなんとなく分かると思いますがfontawesomeはcssだけでなくweb-fontも必要になります。
次にweb-fonts-with-cssを開きます。すると、次の４つのフォルダが入っています。
- webfonts
- css
- less
- scss
この中のwebfontsとcssの中のfontawesome-all.cssを使います。任意の位置に配置しましょう。webfontsとcssは同じフォルダに配置する必要があります。
そして読み込むときはcssファイルのみ記述します。これ以降は他のcssライブラリと同じです。HTMLで配置した場所を選択して読み込みます。こんな感じですね。
<link href="/static/fontawesome/fontawesome-all.css" rel="stylesheet">
これで完了です。無事に出来ました。CDNと同じようにfontawesomeが使えるようになりました。
