Font Awesomeの登録方法

3436 ワード
HTML CSS FontAwesome HTML テキストリンク

はじめに

Font Awesomeのアイコンを使いと思ったのですが何かに登録しないといけない。。。

全部英語でどこからやればいいか分からない。。。

こんな状況に私自身なったので誰かの役に立てればと思い、投稿します

利用できるまでのステップ

  • 登録する(メールアドレス)

  • パスワードを決める

  • 指定された記述を

    タグ内に貼り付ける

この3点で利用できるようになります。

登録する

こちらがサイトになります。
まずはアクセスしましょう。

トップページにstart for free（無料で始める）とあるのでこちらから新規登録します。

右は課金しなければ使えません。

こちらにメールアドレスの入力するフォームがあるので自分のアドレスを入力して下さい。
入力後、send kit codeをクリックして終了です

パスワードを決める

メールアドレスを設定したらそのアドレスにメールが届きます。

click to confirm your email address + set things up(クリックすると、メールアドレスの確認と設定ができます。)と書いてあるのでクリックします。

パスワードを2回入力する画面に遷移するので自分のパスワードを決めます。

入力後このような画面が出てきます。
もっとあなたの事を知りたい！と言われますが私は無視してしまいました。

ごめんよ。Font Awesomeさん・・・

いよいよアイコンが利用できるようになります。

・・・の前に一点最後に記述する必要がある項目があります。

指定された記述をタグ内に貼り付ける

この画面に遷移すると思います。

そしたら①のAdd Your Kit's Code to a Project（あなたのキットコードをプロジェクトに追加）とあるのでコピーして貼り付けます。

application.html.erb
<!DOCTYPE html>
<html>
  <head>
    <title>アプリ</title>
    <link 
    <script src="https://kit.fontawesome.com/個人ID.js" crossorigin="anonymous"></script>
  </head>

  <body>
    <%= yield %>
  </body>
</html>

後は使いたいアイコンを見つけて貼り付けをすれば利用できます

！

<i class="fab fa-youtube"></i>

参考