「Font Awesome Kits URL」設定の入力方法

「Font Awesome Kits URL」設定の入力方法

Font Awesome Kitsで取得できるjsをサイトで利用するための「Font Awesome Kits URL」設定の入力方法について紹介します。

Font AwesomeからURLを取得

まずはFont Awesome Kitsのコードを取得します。

Font Awesome : https://fontawesome.com/

サイトにアクセスしたら「Start for Free」ボタンをクリックします。

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

届いたメールを確認してみましょう。

メール内の「Click to Confirm Your Email Address + Set Things Up」ボタンをクリックします。

パスワードの設定画面が表示されます。

パスワードに設定する文字を2つの入力欄に入力します。

名前やFont Awesomeをいつから使っているか、好きなアイコンは…などを入力して「All set. Let’s go!」ボタンをクリックします。

続いて表示された画面にScriptタグが表示されるので、その中のURL部分をコピーします。

URLの準備はこれで完了です。

「Font Awesome Kits URL」の設定

カスタマイザーの「[ys]デザイン設定」→「アイコンフォント設定」を開き、先程コピーしたURLを「Font Awesome Kits URL」に入力します。

合わせて「アイコンフォント(Font Awesome)読み込み方式」の設定を「Font Awesome Kits」に変更して下さい。