Illustratorで、Font Awesomeバージョン5のアイコンを読み込んで表示する方法を解説します。
無料ですし、会員登録も不要です。
ちなみに、有料プランにすると利用できるアイコンが増えます。
Font Awesomeの使い方【ダウンロードする】
パート1 Font Awesomeのサイトへアクセス
https://fontawesome.com/からFont Awesomeのサイトへアクセスしましょう。
下の画像のような画面になったら、赤枠の部分(Start for Free)をクッリクします。
パート2
下のような画面に切り替わりますので、赤枠の「Desktop」をクリックします。
パート3
下のような画面に切り替わりますので、赤枠の部分をクリックして、zipファイルをダウンロードします。
パート4
パート3でダウンロードしたzipファイルを解凍(展開)します。
そのファイルを開くと、以下のフォルダがありますので、赤枠で囲まれた「otfs」をクリックします。
パート5
赤枠で囲まれた箇所を、1つずつクリックします。
そうすると、1回クリックするたびに、パート6のような画面に切り替わります。
パート6
赤枠の「フォントをインストール」をクリックします。
これでIllustratorで、Font Awesomeのアイコンを使用する準備が終了です。
Font Awesomeの使い方【シートからコピペするだけ】
https://fontawesome.com/cheatsheet/free/solidから、FontAwesomeのアイコン選択ページにアクセスします。
赤枠で囲まれた箇所をクリックすると、さまざまな種類のアイコンを確認できます。
アイコンを選択する際は、青い枠で囲まれた部分をクリックして選択し、コピーをします。
Illustratorに貼り付ける
Illustratorのアートボードに、さきほどコピーしたもの貼り付けます。
そうすると、以下のように文字化けします。
Illustratorでフォントを変更する
以下のように、Illustratorでフォントの指定を変更すれば、文字化けが修正されます。
これで、アイコンが使えるようになりましたね!
コメント