【解説記事】「Font Awesome」の使い方!

プログラミング

今回は、「Font Awesome」の使い方を解説していきます。

これを書こうと思ったのは、デイトラ1stの1周目の時と2周目の時で使い方が違ったのとそれに対しての解説記事がなかなか見当たらなかったからです。

では、解説していきます。

アカウント作成

まず、アカウントを作成します。

赤枠の部分をクリックします。

そうするとこのような画面が出てくるので、メールアドレスを入力して赤枠のボタンをクリックします。

以下の画面が表示され、メールが入力したアドレスに送られてきます。

赤で隠しているところは僕のメールアドレスです。

送られてきたメールを開くと、囲った部分があると思うのでここをクリックします。

そうすると、メールアドレスが本人のものだと確認され、アカウントの登録ページに移動します。

上の画像をクリックすると、まずはパスワードの設定からしていきます。

上の欄にパスワードを入力後、下の欄にもう一度同じパスワードを入力します。

全て入力後、下のボタンをクリックします。

パスワードの設定が完了したら、次は名前と簡単なアンケートを入力します。

入力が終われば、アカウントの作成は完了です。

使い方

アカウントの作成が終わったので、使い方を解説していきます。

まず、右上のアカウントアイコンをクリックします。そうすると下の画像のようにメニューが表示されます。

次にその中の「Kits」をクリックします。

「Kits」をクリックしたら、次は赤枠の部分をクリックします。

そうするとこの画面に移動すると思うので、赤で囲んだ青色のボタンをクリックしてコードをコピーします。

コピーしたコードは緑の枠の中に書いてあるように<head>タグの中にペーストします。

ペーストしたら、ようやく「Font Awesome」が使えるようになります。

使ってみよう!

使い方はすごく簡単です。

まず使いたいアイコンを押します。

次に出てきたページの赤枠で囲ってあるコードをコピーします。

最後に使いたいところにペーストします。

以上が「Font Awesome」の解説記事でした。

コメント