Adobe XDでFont Awsomeを使う

XDにFont Awesomeのアイコンを表示させる手順

大きくは、以下の手順になります。

1. Font Awesomeをデスクトップにインストール
2. Font Awesomeのサイトで貼り付けたいフォントをコピー
3. XDに貼り付ける：テキストを選択してペーストする。Font Awesomeを選ぶ。

注意！！

XDには、FreeまたはBrand のアイコンしかペーストできません。（イラストレーターはそれ以外もOK）

詳しい手順を説明します。

１　デスクトップにフォントオーサムをインストール

フォントオーサムのページにアクセスし、ローカルにデスクトップ版をインストールします。

ダウンロードしたフォルダから、otfsの３つのファイルをインストールします。（クリックするとインストール用のモーダルが開きます。）

「フォントをインストール」をクリック

2　フォントオーサムのページから、目当てのアイコンをコピーします

またフォントオーサムのぺ時に戻ります。Icons＞Free　で、無料アイコンの中からアイコンを検索しましょう。

英語ですが、キーワードから検索もできます。

日本語で検索できるようなサイトも、ググると出てきます。

検索したら、アイコンをクリックするとコピーされます。

３　XDに戻って、テキストでペースト

テキストのフォントをfont-awsome5 Brands(または Free)を選ぶとアイコンが表示できます。

font-awsome5 Free の場合は、Solid とRegularの選択もしてください。Solidの方が表示できるものが多いかも。