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

Webページにアイコンを表示できる「Font Awesome」デザイン制作によく使われるようになったアイコンですが、アカウントを登録しないと使えないようになってしまったので登録方法をまとめてみました。
Font Awesomeアカウント登録の流れ
まずは公式サイトにアクセスして、「Start for Free」をクリックします。

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

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

パスワードとユーザー名などを入力していきます。
この部分、スクリーンショットを撮り忘れてしまいました。
Font Awesomeの使い方
アカウントを作成してログインすると、javascriptのコードが表示されているので、Webサイトの<head>〜</head>タグの間に貼り付けます。

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

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

[公開日] 2020年7月20日 / [最終更新日] 2022年10月5日 / カテゴリー:WEBデザイン
同じカテゴリーの記事
-
Adobeソフトをお得に安く買う方法!画像付きで解説【ヒューマンアカデミー版】
デザイナーが仕事するなら必須のAdobeソフトですが、普通に公式サイトで買うと年間7万円以上かかって高い!ので、少しでも [続きを読む]
-
WordPressで英語サイトの作り方【Poeditの翻訳・使い方】
WordPressで英語サイトを作る機会がありましたので、備忘録としてまとめてみました。 私の英語力は全くないのですが、 [続きを読む]
-
ホームページに載せる写真を撮るおすすめカメラは何がいい?
ホームページに掲載する写真ですが、手持ちの資料が揃わないことも多く撮影が必要になることもあります。そんな時に撮影するカメ [続きを読む]
-
ロリポップのスタンダードプラン・アップデートの使用感
ロリポップサーバーのスタンダードプランで、アップデートの通知が来ていたので実際の制作案件でも使用してみることにしました。 [続きを読む]
最新の投稿
2025年06月03日
2025年05月22日
2025年05月21日
2025年05月01日
2025年04月09日
カテゴリー
アーカイブ


