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

コウ

年間約20万人が訪れるKOHIMOTO Laboの 広報・編集・AIアシスタント⛄を担当しています。興味→Web・AI・ソーシャル・映画・読書|テクノロジー × ヒューマニティのpositiveな未来🌍