So I am always in Adobe PhotoShop and Illustrator, they are two programs that never close on my computer. Whether it is creating featured images for my blog posts or mocking up landing pages, I am always designing. This is a little trick on how to use Font Awesome in Photoshop and Illustrator.
How to Use Font Awesome in Photoshop and Illustrator
First I want to give a shout out to Dave Gandy, the creator of Font Awesome. I have literally used it in hundreds of projects, and it definitely helps speed up WordPress, since you don’t need physical images.
In the file you download, unzip it and install the fonts on your computer.
Next, to use a font awesome icon in Adobe Photoshop or Illustrator you have to copy it from the Font Awesome Cheatsheet. The trick here is you have to highlight the icon you want and copy it to your clipboard. In my example, you can see I highlighted the fa-cloud icon. You can right click and copy or
Next you need to paste it into PhotoShop or Illustrator.
CTRL + V /
CMD + V. You will wind up with a block X like in the picture below.
Highlight the broken font and in the character field change it to “FontAwesome.”
You will now see the font awesome icon show up.
And that’s it! You can change colors, size, etc. Was this quick tutorial on how to use font awesome in Photoshop and Illustrator helpful? If so, please let me know below in the comments.