プログラミング勉強日記
2020年5月28日 Progate Lv.55
Font Awesomeを用いてアイコンを作成する
1.<head>
要素の中でFont AwesomeのCSSファイルを読み込む。
Font Awesomeのサイト:https://fontawesome.com/?from=io
このサイトから会員登録をする。登録後、Font Awesomeを使用するためのコードが発行されるので、コピペして利用する。HTMLの<head>
タグの中に追加する。
2.使用したいアイコンをを選択する
使いたいアイコンを選択すると<i class="fa[スタイルの頭文字 fa-[アイコンの名前]"></i>
が表示されるので、コピペしてHTMLファイルに書き込む。
<head>
<script src="https://kit.fontawesome.com/(個人によって違う文字列)" crossorigin="anonymous"></script>
</head>
<body>
<i class="fab fa-twitter"></i>
</body>
今回の例ではFont AwesomeからTwitterのアイコンを読み込んでいる。