Can I use FontAwesome Pro?

Add the Kit code to the embeds.html to access your FontAwesome Pro icons directly from the modules

From your FontAwesome Pro Account, you'll want to create a kit with the icons you want to use. This will give you the script you need to add access to your custom icons for use with the theme.

Add FontAwesome Pro to the Power Pro theme

  1. Open the Kit in FontAwesome Pro
  2. From the How to Use tab, click the Copy Kit Code! button
  3. Add the script to the embeds.html in your child theme

To make sure that the FontAwesome Pro library is available on all pages, you'll add it to the embeds.html under the macro for All Pages - Page Header.

fontawesome-script-example-embeds-html-power-theme

If you are using the @marketplace theme and don't have a child theme, you can add the script to the Site header HTML.

FontAwesome Icon (Pro) module settings

To access your custom icons, from the module you'll choose the Icon/Image Variant and set it to Fontawesome Icon (Pro) 

icon-image-variant-font-awesome-pro

and then add the icon class you want to use.

fontawesome-icon-pro-class

FontAwesome Icon Class

You can find the icon class by opening your kit and finding the icon you want to use, then copy the code provided:

fontawesome-icon-class

If you've whitelisted your icon kit for your brand domain, make sure you include the domain for the page editor so the icons are visible why updating the page.