【2019年6月】 Font Awesome導入用スクリプトの入手方法

良さげなアイコンがたくさん揃っているFont Awesomeですが、最近は方針がコロコロ変わるのでちょっと悩ましいところです...(SVGになったりCSSになったり、アカウント取得が必須になったり...)。

ドットインストールにもお問い合わせがよく来るので、2019年6月時点でのFont Awesomeの始め方についてまとめておきます。

↑ https://fontawesome.com/ にアクセスして「Start for Free」をクリック。

↑ メアドをいれて「Send My Kit Code」をクリック。

↑ 上のようなメールが来るので「Confirm my email ...」をクリック。

↑ パスワードを設定します。

↑ アンケートに答えてもいいですし、「No thanks...」でスキップしてもOK。

↑ 導入用のスクリプトを発行してもらえるので「Coyp Kit Code」でコピーします。

なお、2回目以降にアクセスされる場合、以下のページから「Create a New Kit」として新しいコードを入手することもできます。

・Your Kits | Font Awesome
https://fontawesome.com/kits

あとは導入用のスクリプトをHTMLに貼り付けるだけですが、JavaScriptのFileになるので、headタグ内ではなくて、bodyの閉じタグ直前に読み込むようにしてください。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>...</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
  ...

  <script src="..."></script><!-- こちらで読み込んでください -->
</body>
</html>

以上、参考にしてみてください。


この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。