MENU
CLOSE
デザイン Edit : 2019.02.18 Update : 2024.11.06
PhotoshopでFont Awesomeを使用する方法

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

WebプロダウションKOHIMOTO Inc.が発信を通して成長していくためのラボ🧪 IT企業出身。世界中の人へ発信できるWebサイトを通じて、社会がより良い方向へアップデートしていく為に日々学び、技術を生かしていきます。