Font Awesome Pro版で、使うアイコンに絞ったjsファイルを作成する


Font Awesome Pro版で、使うアイコンに絞ったjsファイルを作成する

投稿初心者です。fontawesome proのツールでこれがあっさりできたので、faのhelpに感謝しつつざっくりご紹介します。
2020年6月24日現在β版とのことです。

本稿執筆時点ではβのため、proのアカウント設定でBeta Features:をEnabledにするとダウンロードのメニューに「Font Awesome Pro Subsetter for Windows」 (または Mac)が出ますのでダウンロードしてインストールします。
windows,Macというのは生成ツールを動かす環境のことなのですね。

利用イメージ

画像を見たほうが早いと思うので・・・
ツールを起動した状態です。左側で使うアイコンを選択します。右側は選択済みのアイコンです。

右下の「Build ... Subset」ボタンで溜めたアイコンのzipファイルを作成します。中身はこちら。

jsフォルダの中身はこちら。

今回選択したアイコンは108です。期待通り、小さくまとまることがわかりました。
今回絞り込みはGUIで選択しましたが、projectをsaveするとyaml形式のファイルで記録されていました。
ということはhtmlからアイコン名を自動抽出してprojectの定義ファイルを作成する、なんてこともできそうです。

sample.yaml
projectName: 'C:\Users\xxx\sample'
version: 5.13.1
icons:
  - plus-square:
      - solid
  - address-card:
      - regular
      - solid
  - bookmark:
      - regular
  - check-circle:
      - regular
      - solid