Glyphicons in Photoshop

6
votes

I am trying to use Bootstrap's Glyphicons (FontAwesome) in Photoshop. I've installed the font, but how to I actually type the icon characters?

I found this page where I can copy/paste the icons listed:
http://fortawesome.github.io/Font-Awesome/cheatsheet/

However, I don't see the glyphicon-stats listed on that page and I'd like to use it... It's listed on:
http://getbootstrap.com/components/

Thanks

3
fontstwitter-bootstrap-3photoshopfont-awesomeglyphicons
This question appears to be off-topic because it isn't about programming - meagar
It is about programming in the sense that FontAwesome is a font created and used by programmers working primarily with Bootstrap. I'm not asking how to use Photoshop, I'm asking how to use this Bootstrap font. - user1960364
You're asking how to install a font into Photoshop. That's pretty off-topic. - meagar
No, the font is installed, I'm asking how to access the non-standard characters (icons) in this font. I stated Photoshop, but it stands to reason in any text editor. - user1960364
Already answered here superuser.com/questions/532556/… and this may help you. I am not sure how he got it. codestore.net/store.nsf/unid/BLOG-20131014-0451 - Ravimallya

3 Answers

7
votes

With the help of Ravimallya's comment, I was able to find the characters in the Character Map starting at Unicode F000.

  1. Open Character Map in Windows
    • Press Win + S to search
    • Type "Character Map", or as many characters as needed.
    • Press when the Character Map program is selected.
  2. Check "Advanced View"
  3. Type F000 in "Go to Unicode :"
  4. Find/Copy the character you wish to use.
  5. Paste the character in a text object within' your editor.
  6. Ensure the text object is set to use the FontAwesome font.
4
votes

It's actually pretty simple.

1) Head over to http://fontawesome.io/cheatsheet/

2) Just copy/paste the character into Photoshop (as a Text layer).

3) Make sure to set the Font to FontAwesome for that layer, and your icon will look perfect in Photoshop.

2
votes

I think we have much much better way, and it's easier than you think:

  1. Download FontAwesome from their website: http://fontawesome.io/
  2. Install the font in your operating system
  3. Open Photoshop and the document you want to edit
  4. Go to: Menu > Window > Glyphs
  5. In the "Glyphs" window, choose FontAwesome
  6. Keep the "Glyphs" window opened
  7. Take the "Text" tool and click somewhere in document area (just like writing something)
  8. Set the actual font to FontAvesome and the size as you wish
  9. In the "Glyphs" window, double-click on the symbol that you want to insert
  10. The symbol as been inserted

If you want to vectorize the icon, you can do so by going to: Menu > Text > Convert to shape