My son needed a business card for his DJ and music production business (yes, he’s almost got his Ph.D. in Math). To save space when displaying all of his social channels on his business card, we wanted to provide a clean list using the icons for each service. Rather than purchasing each of the logos or a collection from a stock photo site, we used Font Awesome.
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
Fonts are vector-based and scalable to your project, so they’re perfect for using in graphical desktop applications like Illustrator or Photoshop. You can even convert them to outlines and use them in the illustration.
Font Awesome is widely used to add these logos and other icons on websites, but you may not realize that you could download the actual font to install on your Mac or PC as well! The TrueType font (ttf file) is part of the download on Github. Install the font, restart Illustrator and you’re up and running!
There’s no need to memorize each character or do a search for the right one, here’s how to use the font:
- Open up the Font Awesome Cheatsheet in your browser.
- Open up Illustrator or Photoshop (or other software).
- Set the font to Font Awesome.
- Copy and paste the character from the cheatsheet into your file.
That’s all there is to it!
One thing to keep in mind is to avoid using it in a platform that doesn’t embed the font and requires it to be installed on the system. Using it in Word, for example, would require your recipient to have the font loaded on their system in order to see it. In Illustrator or Photoshop, you can use Create Outlines to convert the font to a vector image.
In Illustrator, you can use Create Outlines to convert the font to a vector image. To do this, use the Selection tool and choose Type>Create Outlines. You can also use the keyboard command Ctrl+Shift+O (Windows) or Command+Shift+O (Mac).
In Photoshop, right-click on the text layer. Position your mouse over the actual text in the text layer (not the [T] icon) and right-click. From the contextual menu, select Convert to Shape.
Disclosure: We ordered the business cards from Moo and have our affiliate link above.