備忘録

備忘録

Font Awesome Proを利用する方法

Ⅰ. はじめに

タイトルの通り「Font Awesome Proを利用する方法」です。

Ⅱ. 手順

1. Font Awesome Proを契約する

https://fontawesome.com/plans

2. Package Manager Tokenを取得する

https://fontawesome.com/account#tokens

例.

C8118E5C-8F85-4E52-B8C9-9C11B166CB99
3. npmの設定を行う
npm config set "@fortawesome:registry" https://npm.fontawesome.com/
npm config set "//npm.fontawesome.com/:_authToken" C8118E5C-8F85-4E52-B8C9-9C11B166CB99
4. パッケージをインストールする
npm install --save @fortawesome/fontawesome-pro
5. サンプルプログラムを書く
import '@fortawesome/fontawesome-pro/css/all.min.css'

<span className="fa-solid fa-sword"></span>

実行結果