How to Implement Font Awesome icons in the new Developer Portal?

Question

Just as the title suggests, I am looking for a way to use Font Awesome icons on my API Management new developer portal. My developer portal is managed, not self-hosted.

The style guide has the option to select icons, so I assume they are available for use in the developer portal. However, I can't figure out if and how the icons can be used at all. Ideally, I am hoping to display icons in text boxes, but I would just like to know how they can be used in general. Do I need to add them through the source code?

Thank you for your help!

Answer 1

Hello @Hinako Jefferson , Thank you for reaching out.

As mentioned by you, we can add Font Awesome icons from the styles guide as shown below.

Now navigate to the page where you wish to add an icon, and on that page open Add Widget pannel and select the "Button" option as shown below.

After you select the button option select the edit option for it as shown below.

Now you can change label and add the required text, a link and then associate a selected Font Awesome icon with the button, as shown below

Additionally you can also create your own customized button from the Styles guide if required. Please let me know if there are any concerns, Thank you!