WordPressにFontAwesomeのWebフォントを導入

FontAwesomeとは

FontAwesomeとは、Webサイトでよく使われるようなアイコンを文字として使用することができるツール。文字として扱われるため、サイズや色をCSSで変更することができる。

完全無料で商用利用も可能

いままではCDNのコードを入力するだけでよかったが、新しいVersionの場合はJavascriptを埋め込む必要があるので、公式サイトを開き、Start for Freeをクリックしてアカウント登録しておく

従来のCDN形式は終了予定ということなので、アカウント特有のIDが入力されたJavascriptをサイトに貼り付ける必要がある

Get Startで自身のサイトの名前などを入力する

How to Useのタブを開くとKit’s Codeが表示されるのでコピーする

コピーしたJavascriptを配置したいサイトのHeaderに挿入する

アイコンを検索する

試しにarrowで検索するとかなりの数Hitする。Proは有料アカウントのみなのでProでは無いものを探そう

使用したいアイコンをクリックすると詳細ページが開くので

<i classで始まる部分をクリックすると自動的にコピーしてくれる

このコードを使いたい場所に貼り付けておけば良い

ちなみに通常「i」はイタリックになっているはずでアイコンが斜めに表示されるので、CSSで

i {
     font-style: initial;
}

としてinitialで初期化しておくと良い。