Font AwesomeのアイコンフォントをPhotoshopで使う方法

Sponsored Link

PhotoshopでWEBデザインするときにFont Awesomeのアイコンフォント使うなら、エクステンションのFont Awesome PSが便利です。

fontawesomeps

便利ですが、まだバージョン4.7で追加されたアイコンフォントが反映されていません。そこで、Font Awesomeの最新版をPhotoshopで使う方法をまとめます。

Font Awesomeの最新版アイコンフォントをPhotoshopで使う手順

はじめにFont AwesomeのアイコンフォントをPCにインストールする

Font Awesomeのトップページにある「Download」をクリックします。

font_awesome1

現れたモーダルウィンドウの「No thanks,just download Font Awesome」からファイルをダウンロードします。

font-awesome2

ダウンロードされたzipファイルを解凍して、fontsフォルダにある「FontAwesome.otf」を自分のPCにインストールします。

私はMacユーザなので、Font Bookアプリケーションを使ってサクッと完了。

fontbook

そしてチートシートを利用する

Font Awesomeにはチートシートが用意されていますので、そこから使いたいフォントを選択してコピーします。

cheatsheet_1

Photoshopを起動して、テキストツールを選択した状態でペーストします。

img_photoshop_1

文字化けしていますので、フォントの種類を「FONT AWESOME」に変更すればOKです。

img_photoshop2_1

以上で終わり!

関連記事

福岡のウェブデザイン事務所「ハブワークス」

HP作成・リニューアルは福岡のハブワークスまでお気軽にお問い合わせください。ウェブサイト公開後の修正・更新もお任せください。フリーランスだからできるリーズナブルな料金設定でサービスをご提供いたします。