skip to Main Content

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

Answers


  1. Chosen as BEST ANSWER

    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.

  2. 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.

    Login or Signup to reply.
  3. 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

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search