The Computer Oracle

How can I use Font Awesome in Photoshop and Fireworks?

Become or hire the top 3% of the developers on Toptal https://topt.al/25cXVn

--

Music by Eric Matyas
https://www.soundimage.org
Track title: Flying Over Ancient Lands

--

Chapters
00:00 Question
00:25 Accepted answer (Score 114)
00:50 Answer 2 (Score 19)
01:20 Answer 3 (Score 7)
02:18 Answer 4 (Score 4)
02:59 Thank you

--

Full question
https://superuser.com/questions/532556/h...

Question links:
[Font Awesome]: http://fortawesome.github.com/Font-Aweso.../

Accepted answer links:
[Font Awesome website]: http://fortawesome.github.com/Font-Aweso.../
[the Font Awesome Cheatsheet]: http://fortawesome.github.com/Font-Aweso...

Answer 2 links:
http://fortawesome.github.io/Font-Awesom.../
http://fortawesome.github.io/Font-Awesom.../

Answer 3 links:
http://fortawesome.github.io/Font-Awesom.../
http://fortawesome.github.io/Font-Awesom.../

Answer 4 links:
[illustrator file]: http://www.mediafire.com/download/5tf4fj...

--

Content licensed under CC BY-SA
https://meta.stackexchange.com/help/lice...

--

Tags
#fonts #adobephotoshop #adobefireworks

#avk47


ACCEPTED ANSWER

Score 114


I found a solution that works for me. Just download and install the font from Font Awesome website. Then, use the Font Awesome Cheatsheet to copy and paste the icons in Photoshop and Fireworks. (or Illustrator or whatever you'd like to use)

Works perfectly!



ANSWER 2

Score 19


This worked for me.

  1. Download FontAwesome from http://fortawesome.github.io/Font-Awesome/
  2. Copy font files from "font-awesome/font" to your computer font directory (For Mac: Applications/Font Book)
  3. Select and copy desired icon from http://fortawesome.github.io/Font-Awesome/cheatsheet/ and paste in photoshop with FontAwesome font family selected.


ANSWER 3

Score 7


All these answers are right, but they're all missing one detail. Here's what to do:

  1. If you have an old version of FontAwesome, uninstall it from your computer.
  2. Download and install FontAwesome (http://fortawesome.github.io/Font-Awesome/ - big yellow Download button at the top)
  3. Go to the FontAwesome Cheat Sheet (http://fortawesome.github.io/Font-Awesome/cheatsheet/)
  4. Double-click and copy the actual icon you want to use (none of the text or unicode).
  5. In Photoshop, select the text tool, click in your document to create a text layer, and then paste your icon.

I spent forever using the Move Tool (the default cursor) and trying to paste while in that tool. It doesn't work. You have to create a text layer and paste in there.



ANSWER 4

Score 2


Font Awesome to PNG let's you extract perfectly sized PNGs from font awesome. It's awesome.

If you're installing on Mac follow this: https://github.com/odyniec/font-awesome-to-png/issues/9