Integrating Font Awesome 5 Pro with Act2.1

If you have an active Font Awesome 5 Pro subscription and want to integrate it with Act2.1, please follow these quick steps:

Note: Part of the fontawesome.com interface may have changed, but the process is similar to the one described below.

1 Sign in to your Font Awesome account and make sure to add your domain to the Pro CDN Domains list in your account Services at this location: https://fontawesome.com/account/services

Act2.1 Font Awesome 5 Pro Integration - Services > Domains

3 Sign in to your HubSpot account and go to the Design Tools, then search for and open your Act21.css stylesheet (or the copy you're using), and replace this line with the one you've just copied from Font Awesome:

Act2.1 Font Awesome 5 Pro Integration - free CSS file path

Act2.1 Font Awesome 5 Pro Integration - pro CSS file path

4 Then replace the Free word here with Pro:

Act2.1 Font Awesome 5 Pro Integration - free font name

Act2.1 Font Awesome 5 Pro Integration - pro font name

5 Publish your changes and you can now use both Font Awesome 5 Free and Pro icons: https://fontawesome.com/icons:

Act2.1 Font Awesome 5 Pro Integration - publish CSS changes

To learn how to add an icon please follow the steps here.

Please see also the Icon component.