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日 / [最終更新日] 2020年7月20日 カテゴリー：WEBデザイン
同じカテゴリーの記事
-
Adobeソフトをお得に安く買う方法！画像付きで解説【ヒューマンアカデミー版】デザイナーが仕事するなら必須のAdobeソフトですが、普通に公式サイトで買うと年間７万円以上かかって高い！ので、少しでも負担が減るよう通信講座「ヒューマンアカデミー たのまな」の学生になって学割を使えるようにしました。 … [続きを読む]
-
ホームページ文章の書き方・見せ方のコツたくさんの文章を一生懸命書いているのになぜか読んでもらえない、ページからすぐに離脱される、などでお悩みのかたへ。ちょっとの工夫でギチギチに詰まった文章が見やすくなるコツをお伝えします！ ユーザーはホームペー… [続きを読む]
-
スマホで簡単撮影！ホームページ用の写真の撮り方お店や仕事用のホームページで写真が必要だけど、何で撮影すればいいの？ デジカメ？一眼レフ？ と悩まれるかたは多いと思います。 最近のスマートフォンのカメラは写りが良いので、ホームページ用の写真も充分に使用することができま… [続きを読む]
-
ブログが続かないときのネタ収集方法とコツお店や会社のブログを集客のために書こうと最初は意気込んでいたものの、３日とたたず続かない・・・書くことが無いし、何を書けば良いの？ とお悩みのかたは良くいらっしゃると思います。 「ホームページをリニューアルしました」とい… [続きを読む]
最新の投稿
2020年08月11日
2020年07月28日
2020年07月20日
2020年07月03日
2020年06月15日
カテゴリー
アーカイブ
