MENU
CLOSE
DESIGNSTUDYWEBSITE Edit : 2019.02.18 Update : 2023.01.30

PhotoshopでFont Awesomeを使用する方法

こんばんは~🌜まだまだ寒いですね。。。早く春になってほしいです、、。
みなさんは、ウェブデザインをするときPhotoshopを使っていますか?それともSketchを使っていますか??
今回は、PhotoshopでFont Awesomeを使う方法を紹介したいと思います!

Font AwesomeのWebページからDLする

https://fontawesome.com/ 上記サイトの”Download Free”からダウンロードします。

otfファイルを開き、fontをインストール

ダウンロードしたファイルの中の、”use-on-desctop”の中に入っているotfをすべてインストール。

otfファイルを開き、fontをインストール

https://fontawesome.com/cheatsheet FontAwesomeのcheatsheetから使いたいアイコンをコピーしてくる。
Photoshopの文字ツールを使いペーストし、その後、書体をFontAwesomeにセレクトしなおす。
するとアイコンが表示されます。。!とても便利です❣️

Web Trends Lab.編集部

KOHIMOTO Inc.所属。トレンドやノウハウ中心にWebサイトを作るための知見を現場から発信していきます👀また、制作したWebサイトでの活用法や、最前線での施策を伺う企業へのインタビューも実施予定。