Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

So I downloaded Font Awesome and installed the font. Now I'd like to use this font in my designs in Photoshop and Fireworks.

How would I do that?

share|improve this question
    
www.whatdafontawesome.co.uk select design on the top left, double click an icon. –  Luke Snowden Jun 20 at 11:26

6 Answers 6

up vote 37 down vote accepted

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!

share|improve this answer
1  
Whatever "this utility" was.... the link no longer works. –  ClearCloud8 May 10 '13 at 19:07
2  
It works again. It's redirected to a new location. Functionality is the same. You can copy and paste the icons. –  Kriem May 11 '13 at 10:07
4  
It should be noted that you need to double-click the icon itself and then copy it. Not the code that is in the parantheses. That will not work. –  Mathias Lykkegaard Lorenzen May 31 '13 at 13:22
    
+1 for the cheatsheet –  Pierre de LESPINAY Jan 8 at 14:50

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.
share|improve this answer
2  
This should be the accepted answer. No install of any third party apps required, just worked. –  lee_mcmullen Jul 17 '13 at 11:08

I've made an Illustrator file with all the icons if anyone is interested. Make sure you have the font installed.

Cheers.

share|improve this answer

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.

share|improve this answer

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

share|improve this answer

It's a bit annoying to copy and paste icons from the cheat sheet into a text field, then create the outlines for each icon, and aurevilly's illustrator file is both outdated and doesn't contain the labels.

So I made an illustrator file that contains all the icons in Font Awesome 4.0.0 as vector paths next to their labels for quickly narrowing in on an icon and copying/pasting it to Photoshop, Fireworks, Sketch, etc.

Just be sure to have the latest Font-Awesome.otf 4.0.0 installed as per the other answers here.

share|improve this answer

protected by Community Jan 30 at 18:45

Thank you for your interest in this question. Because it has attracted low-quality answers, posting an answer now requires 10 reputation on this site.

Would you like to answer one of these unanswered questions instead?

Not the answer you're looking for? Browse other questions tagged or ask your own question.