4 steps guideline to use Font Awesome in Axure RP 9

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.

https://use.fontawesome.com/releases/v5.5.0/fontawesome-free-5.5.0-desktop.zip

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.

use font awesome in axure

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:

https://www.dropbox.com/s/xyrt98u9bxxbjho/FontAwesomeV5.5.0.rplib?dl=0

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.

use font awesome in axure

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.

use font awesome in axure

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
https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

font awesome axure

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.

12 COMMENTS

  1. I’ve been exploring for a little bit for any high-quality articles or blog posts
    on this kind of space . Exploring in Yahoo I at last stumbled upon this website.

    Reading this info So i am satisfied to express that I’ve a
    very just right uncanny feeling I found out exactly what I needed.
    I most indubitably will make sure to don?t fail to remember this web site and give it a
    look regularly.

  2. I think this is among the most significant information for me.
    And i am glad reading your article. But wanna remark on some general things, The site style is wonderful, the articles
    is really nice : D. Good job, cheers

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Stay in Touch

Follow Us for more content that will refine your skillset.

spot_img

Related Articles