FontAwesomeはアイコンが「フォント」になったもの。今皆さんが読んでいるこの文章の文字と同じで、フォントとしてアイコンが表示できるのです。←これは「フォント」サイト制作者側としては、フォントなので色もサイズも簡単に変える事が出来るしわざわざ画像を探して来てアップロードする手間も省けます。画像の読み込みも無いので表示速度も速いですよね。Awesomeを使うには、自分のサイト上でフォントデータを読み込めるよう事前設定が必要です。設定方法はたくさんあるのですが、ここでは一番簡単で一般的なCDNを使った設定方法を解説します。AwesomeのStartページへ。AwesomeのStartページにいくとこのようにemailアドレスを入力する箇所があります。Awesomeの設定用コードを受け取ります。太めのアイコンや背景色がついたアイコンを使いたい場合は後からPROにアップグレードしましょう。Awesomeからメールが届きますので、リンクをクリックして初期設定を完了させましょう。Awesomeを使うためのコードが発行されます。これをコピペして<head>内に挿入しましょう。head内にコードを挿入する方法WordPressの場合は以下を参考にしてください。ハミングバードやJINなど、phpファイルをいじらなくてもカスタマイザーからhead内に記述が出来るテーマもあるよ!1.外観からテーマエディターへ進む2.header.phpを開く3.header.php内の<head></head>の間にコードを入れるheader.phpのなかに<head></head>で囲まれた箇所があります。Awesomeのコードを挿入しましょう。「ファイルを更新」ボタンを押して完了です。Awesomeの使い方は3ステップでとっても簡単だよ1.使いたいアイコンを探すまずはサイト内から使いたいアイコンを検索しましょう。矢印なら「arrow」、円マークなら「yen」などなど。使いたいアイコンにたどり着いたら、そのアイコンのHTMLコードを取得します。赤枠の部分をクリックするとコードがコピペ出来ます。右側にある「Regular」や「Light」などは有料だよ!取得したコードをアイコンを表示させたい箇所に挿入します。3.サイズや色を調整するサイズを変えるサイズはhtmlのコード内で指定します。fa-9x"></i>といった感じで「fa-◯x」で、デフォルトサイズの何倍の大きさで表示させるかを指定します。↑これが2倍から順に7倍までの見え方です。Awesomeの色はCSSで指定します。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。働いていたバリバリの元キャリアウーマン。残業が月150時間を超える働き方に疑問を持ち、会社に雇われない働き方にシフトする。《週3日だけ働く》をテーマに、PC1で自由な働き方を実現するための情報を発信しています。