Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8916

Font Awesomeの登録方法

$
0
0
はじめに 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> 参考

Viewing all articles
Browse latest Browse all 8916

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>