How To Use Font Awesome in Photoshop Designs

Whenever I’m commissioned a new project, the first thing I do after listening to my client’s story is to make sketches on paper. After that is done, I launch Photoshop and make something visual before writing a single line of code.

Prior to knowing that I can use font awesome in Photoshop, the old fashioned technique I use for creating icons was simply to crop images to work as icons and provide the same image quality for all sizes.

Font Awesome is a popular font icon used by developers and it’s a more sophisticated alternative.

You can use Font Awesome in any website by loading the font and CSS files, but you can also integrate it into your Photoshop designs. In this article, I will show you how.

Step1. Download and install the font

  • Go to Font Awesome page and press the Download button.
  • Decompress the file.
  • Find this folder: /font-awesome-4.7.0/fonts/
  • Copy the file FontAwesome.otf to your Fonts folder. The location of this folder depends on your operating system. In Windows 8.1 the folder is located in: C:\Windows\Fonts\

Step2. Add icons to your Photoshop design

  1. Open your browser and go to the icons page.
  2. From the list of available icons select one >> right click >> Copy.
How To Use Font Awesome in Photoshop Designs_Image_1
How To Use Font Awesome in Photoshop Designs_Image_1

Open Photoshop and start a new file by going to File >> New >> OK.

  1. Choose the Text tool
  2. Click on work space >> right click >> Paste.
How To Use Font Awesome in Photoshop Designs_Image_2
  1. Select the text (which at this point is just a square with diagonal lines).
  2. Navigate to Photoshop’s “control panel” and select Font Awesome to get the icon look.
How To Use Font Awesome in Photoshop Designs_Image_3

Congratulation! now you’ve learned how to use font awesome icons in your Photoshop design

Don’t Stop Here

More To Explore

Wami Shelf

Lorem ipsum dolor sit amet, consectet adipiscing elit,sed do eiusm por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisproident, sunt in culpa qui officia mollit natoque consequat

Zootog Speaker

Lorem ipsum dolor sit amet, consectet adipiscing elit,sed do eiusm por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisproident, sunt in culpa qui officia mollit natoque consequat

Rubik’s Cube

Lorem ipsum dolor sit amet, consectet adipiscing elit,sed do eiusm por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisproident, sunt in culpa qui officia mollit natoque consequat