Adobe XD で FontAwesome 6 を使う方法
フォントデータをダウンロードする
https://fontawesome.com/download にアクセスして Free For Desktop のボタンをクリックしてフォントデータをダウンロードします。
zipファイルを解凍してフォントをインストール
otfs フォルダに入っている下記3つの otf フォントファイルをインストールします。
- Font Awesome 6 Brands-Regular-400.otf
- Font Awesome 6 Free-Regular-400.otf
- Font Awesome 6 Free-Solid-900.otf
Windowsの場合は Windows > Fonts フォルダの中にドラッグ & ドロップすればOKです。
FontAwesome のサイトでフォントをコピーする
右上のアイコンをクリックしてデータをコピーします。
Adobe XD にてテキストツールで貼り付ける
テキストは「font Awesome 6 Free」を選択してください。
表示されない場合は「font Awesome 6 Free Solid」または「font Awesome 6 Brands」を選択してください。
FontAwesome 無料版ではフォントのウェイトは選択できません。細い線のアイコンを使いたい場合はプロ版のライセンス購入が必要です。99ドル/年（2022年7月現在）