Font Awesome v5でCDNのlinkタグ形式で用いる方法:メモ

調べて出てきたサイトの情報ではわからなかったのでメモとして。Font Awesomeのサイト内を見れば書いているとは思いますが。

実現したいこと

• Font Awesomeを利用
• 以前のようにlinkタグでCDNからCSSを読み込ませる

下記のようなlinkタグでスタイルシートを読み込むためのコードを得ることが目的です。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="xxx" crossorigin="anonymous">

実現方法

• Font Awesomeにアクセスしてユーザー登録する
• 登録後にアカウント有効化のためのメールが届くのでクリック
• 移動先の画面の右上の人型アイコンマークをクリック
• 「Font Awesome CDN」を選ぶ
• 移動先の画面にCDN用のコードが記載されている

結び

おそらくアップデートによって当記事の情報もすぐに古くなると思いますが、一応メモ的に。

今はFont Awesomeを使っていないので状況を把握していなかったのですが、制作時に用いる場合はクライアントご自身が登録の主体であるようにしないといけないのかなと思いました。