ブログ

ホーム » Font Awesomeアイコンの登録方法と使い方

Font Awesomeアイコンの登録方法と使い方

Font Awesome

Webページにアイコンを表示できる「Font Awesome」デザイン制作によく使われるようになったアイコンですが、アカウントを登録しないと使えないようになってしまったので登録方法をまとめてみました。

Font Awesomeアカウント登録の流れ

まずは公式サイトにアクセスして、「Start for Free」をクリックします。

公式サイトへアクセス

自分のメールアドレスを入力して、「Send Kit Code」をクリック。

メールアドレスを入力

するとメールで通知が届くので、リンク先をクリック。

リンク先をクリック

パスワードとユーザー名などを入力していきます。
この部分、スクリーンショットを撮り忘れてしまいました。

Font Awesomeの使い方

アカウントを作成してログインすると、javascriptのコードが表示されているので、Webサイトの<head>〜</head>タグの間に貼り付けます。

javascriptのコードを貼り付ける

次は表示させたいアイコンを検索します。この辺りは今までのバージョンと同じです。
例えばFacebookのアイコンの場合は、検索窓に「Facebook」と入力します。

探したいアイコン名を検索

<i>〜</i>までのコードをコピーして、表示させるサイトの<body>〜</body>の間に貼り付けます。
実際のサイト上に表示できていれば完成です。

タグを表示させたい場所へ貼り付ける

この記事を書いた人

ポポデザイン

最新の投稿