Use Font Awesome in Photoshop


fontawesome.io is the famous icon font created by Dave Gandy. By now it is version 4.1.0, the complete set of 439 icons ready for web developer. Do you know, designer can use it as well. Hit the download button and you will get the zip with css and font files.

download fontawesome

download fontawesome

You can read the guide on the website to integrate the font into your website and enjoy the perfect icons. I will show you how to get these icons in Photoshop. Open the downloaded zip file. the font file is in font-awesome-4.1.0\fonts folder. You can double click to install it. You can use .ttf and also .otf on Windows. I prefer .tff

font files

font files

Now the secret is this link http://fortawesome.github.io/Font-Awesome/cheatsheet What you need to do is select the icon you need, right click and choose copy. Don’t try because you can’t copy the icon from fontawesome.io website the way you can do with the cheatsheet.

copy icon

copy icon

Now we can open Photoshop, witch to text tool and paste the icon. But what the hell! This is not the icon it is a weird character that we don’t need.

paste icon

paste icon

Don’t be hurry. Change the font of text to Fontawesome and it will become the icon we need

fontawesome icon in photoshop

fontawesome icon in photoshop

Don't be shellfish...Share on FacebookShare on Google+Tweet about this on TwitterPin on Pinterest

Leave a Reply