9/1/16 Axure staff edit:
The attached custom widget library, FontAwesomeV321.rplib, corresponds to an older version of the Font Awesome toolkit (v3.2.1). This widget library still works alongside the Font Awesome font file provided in step 1 and the CSS link shown in step 3.
More importantly, Font Awesome has updated their toolkit a few times since this original post. So, different versions of their CSS and font file could be floating around, which may be incompatible with the specific widget library provided in the original post. Using consistent versions across these three components (RPLIB, FA font file, and CSS link) would be ideal.
The most recent RPLIB (for FontAwesome 4.5.0) was authored by one of our community members, StanleyBuckeye, and can be found here:
Because the download for the actual 4.5.0 font file seems to have been taken down, using a more current version of the FA font file would be advisable when working with the assets in the editor of Axure RP. For example, you can use the fonts from the zip link below, which would apply at Step 1:
Here's the matching CSS link to go along with this widget library for FA v4.5.0 (this link would apply at Step 3):
Feel free to shoot us an email at firstname.lastname@example.org if you have questions about any of these steps.
Hi Axurians - now that web fonts are available, I wanted to show you step by step how you can utilize Font Awesome in your Axure prototype.
1. Download and install the Font Awesome font file
Open the "Font" folder and install the font.
2. Restart Axure RP
If Axure RP is open, shut it down completely and re-open it. This will allow you to choose FontAwesome from the font droplist and see the correct icon in the editor.
3. Add Font Awesome CSS link to "Web Fonts" in the Generate Prototype dialog
4. Install the Axure Font Awesome widget library (attached below)
Alternatively, you can copy/paste icons from the FontAwesome official cheat sheet.
5. Drag and drop FontAwesome widgets from this library.
Adjust style of all icons using the "FontAwesome" custom style or format individual icons.
Note: Font Awesome icons are adjusted using font size and font color.