Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Glyphicons in Photoshop

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

like image 614
user1960364 Avatar asked Jul 01 '14 01:07

user1960364


People also ask

How do I get glyphs in Photoshop?

You use the Glyphs panel to insert punctuation, superscript & subscript characters, currency symbols, numbers, specialized characters, as well as glyphs from other languages into text in Photoshop. To access the panel, select Type > Panels > Glyphs panel or Window > Glyphs.

How do I write m2 in Photoshop?

Hold down Alt and key in 0178 and let go of Alt. A superscript 2 will appear. Incidentally, if you needed 'cubed' instead of 'squared' then type 0179 and you'll get a superscript 3.

Can you use Font Awesome in Photoshop?

The Font Awesome Icons are now ready at your Photoshop as font types. Before you will be able to use an icon in your new or existing Photoshop document you need to find the icon name. Go to the “Font Awesome Free's Cheatsheet“.

How do I use font glyphs in Photoshop?

Insert a glyph from a specified font Using the Type tool, click to place the insertion point where you want to enter a character. Choose Type > Glyphs to display the Glyphs panel. To display a different set of characters in the Glyphs panel, do any of the following: Select a different font and type style, if available.


2 Answers

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.
like image 140
user1960364 Avatar answered Oct 18 '22 06:10

user1960364


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.

like image 39
paul.rmz Avatar answered Oct 18 '22 08:10

paul.rmz