Agile育成ブログ
未来を変える喜びを
アイコン

Font Awesome


Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490

Font Awesomeとは、商用利用が可能で、自身のウェブサイトやアプリケーション、WordやPDFなどのドキュメントにも埋め込めるWebアイコンフォントです。無料でも利用できますが、もっと多くのアイコンを年間$99で利用できます。
アイコンフォントはWeb上で文字と同じように表示できるアイコンです。拡大縮小しても画質が劣化しません。

https://fontawesome.com/

Font Awesome登録手順

メールアドレスを入力し、「Create& Use This Kit」ボタンをクリックします。

入力したメールアドレス宛に左のメールが届きます

Iconから使いたいものを選び

Start Using This IconからHTMLをコピーして貼り付けます。

Font Awesome5を使う

Font Awesome 5を使うには、2つの方法があります。

  • サーバーにアップロードする
  • CDNを利用する

Font Awesome 5を表示する

  • HTMLに記述する
  • CSSに記述する

HTMLに記述する

<i class="fab fa-twitter"></i>                    Twitterのアイコン
<i class="fab fa-facebook-square"></i>  Facebookのアイコン
<i class="fab fa-instagram"></i>         instagramのアイコン

You cannot copy content of this page