Axure RP is a rapid prototyping tool and is being used widely. You can also use Font Awesome in Axure RP. Axure RP is a simple and easy-to-use tool for prototypes, wireframes, and flow diagrams. If you are into designing, product management, project management, or a UX passionate, this tool is a must for you.
People without knowledge of coding can easily create appealing prototypes using this tool. In this article, we’ll be sharing how to use Font Awesome with Axure RP.
You might be wondering, how to use Font Awesome in Axure RP 9? How do I map the font faces etc? You’ve come to the right place. Here we’ll present you 4 simple steps to use Font Awesome with Axure RP 9. In this demonstration, we will be using Font Awesome 5.5.0.
How to use Font Awesome in Axure RP? V5.5.0 ?
Step 1: Install Font Awesome
The first step to use Font Awesome in Axure RP is to download and install Font Awesome version 5.5.0 to your computer. Click on the link below to download the file.
Alternative download link: https://www.dropbox.com/s/3c5mz855satwajt/fontawesome-free-5.5.0-desktop.zip?dl=0
Unzip the folder and install the Font Awesome from inside the folder otfs. You’ll see 3 .otf files in the folder, install all of them. Installation is quite easier, just double click the file and follow the instructions. Usually, one click is sufficient for the installation.
Step 2: Restart Axure RP
You can ignore this step if your Axure RP is not opened. But if it’s opened, close it and reopen Axure RP. This way the font list in your Axure RP will get refreshed and you’ll see Font Awesome 5.5 in the font dropdown.
Step 3: Load Font Awesome 5.5.0 widget library
Download the Font Awesome 5.5.0 Axure widget library from the link below:
Now, load it into your Axure RP. To load the widget library, click on the + button in the Library pane and select the widget library that you’ve downloaded. Wait for a while and the widget library gets loaded to your Axure RP.
Step 4: Map Web Fonts
To map the font Go to Publish->Generate HTML Files. Click on Fonts tab and click + Add Font button Name it FontAwesome 5.5 and in the URL of CSS file add https://use.fontawesome.com/releases/v5.5.0/css/all.css and click close.
Now just drag and drop the Font Awesome widgets. Happy prototyping with Axure RP. How did you find our article on how to use Font Awesome in Axure RP? Let us know in the comment section below.
How to use Font Awesome in Axure RP? Version 4.7.0?
You have to follow the same procedure as in V5.5.0 but with the following files. Download, map and enjoy the prototyping.
Download Font Awesome 4.7.0
Download Link: https://fontawesome.com/v4.7.0/assets/font-awesome-4.7.0.zip
Alternative download link: https://www.dropbox.com/s/ndcc5x03dw9yp5t/font-awesome-4.7.0.zip?dl=0
Load Font Awesome 4.7.0 Widget Library
Widget library download link: https://www.dropbox.com/s/09qybz3dol70trh/FontAwesomeV4.7.rplib?dl=0
Map web fonts for Font Awesome 4.7.0
CSS map link: Use the following link
If you encounter any issues with this article use Font Awesome in Axure RP for both version 5.5.0 and 4.7.0, please feel free to let us know in the comment section below.