WarningFont Awesome is still available within Rock, but we are transitioning to a new font-based icon called Tabler. For more, see our Tabler documentation. Font Awesome 5 is a revolutionary step forward in font-based icons for the web. With these new capacities, though, come some complexities. First let’s look at some of the new features and discuss how they will be implemented in Rock. Free vs. Pro Font Awesome has always been free and will continue to be so. In version 5 they are also offering a Pro version. The Pro version gives you not only tons of new icons, but different weights (solid, regular and thin) as well. While the free version does have two weights, only the solid weight is icon complete (has all the icons implemented). Because of this, “solid” is the only choice in Rock if you have the free version. Installing Font Awesome Pro If you do purchase the Pro version (again, this is completely optional), you'll now need to install it in Rock. To start, you will need to log in to your account at fontawesome.com. You'll need to get both your Key and the Pro Download file. See the below screenshot to make sure you're getting the right items: Key - First, take note of your Font Awesome Pro key in the "Licenses" section. You'll need this in a minuteDownload link - Next, click the download link for Font Awesome Pro from the "Products & Services" section.Pro for Web - You'll need to click on the "Pro for Web" file on the page that opens, shown here. Now that you have your key and the .zip file, log in to your Rock site and navigate to Admin Tools > CMS Configuration > Font Awesome Settings. This is where you'll paste in your Font Awesome Pro Key and upload the Font Awesome Pro for Web package that we just downloaded. Then click Install and it will tell you that Font Awesome Pro has been updated. You'll need to do this again from time to time as Font Awesome adds new icons to their Pro package. Font Weights As we mentioned above, you need the Pro edition to have access to the various font weights in Rock. Currently, there are three weights: solid, regular and thin. It's our intent to allow you to pick a weight and have the theme auto update to show your selected weight. Each of the weights is implemented in a separate font file. There's also a separate font file for all the brand icons. To reduce page load times, we allow you to select which fonts you’d like to implement on your theme. Font Awesome 5 added the ability to specify the weight of the icons in CSS. So, if you wanted a light icon, you’d use “fal fa-cog.” However, this hard-codes the icon to always be light. Instead of using the weight classes, we highly recommend that you continue to use the normal fa prefix (e.g., fa fa-cog). This will allow Rock to dynamically change the weight based on administrator preference. SVG Fonts You might be asking, "What about SVG fonts? There are a bunch of new features that only they support!" At this point, we have not supported the Font Awesome SVG fonts natively in Rock. While that might change in the future, the community felt that the increased file sizes of the SVG font files was a concern and that the traditional font files were a better option for now. We hope that Font Awesome will have a solution to these concerns in the future. Other Features Font Awesome 5 has a ton of other features that you should read about on their website.