MENU
CLOSE
デザイン Edit : 2019.02.18 Update : 2024.11.06

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にセレクトしなおす。
するとアイコンが表示されます。。!とても便利です❣️

KOHIMOTO LABO

東京・吉祥寺でKOHIMOTO Inc.というWebサイト制作の会社をやっているエンジニアとデザイナーが、発信を通して成長していくためのラボ🧪 IT企業出身。サイト制作を通じて微力ながら社会が良くなる手助けをしたいと思っている。