Rock U - Content Management - Font Awesome 5

Transcribed Video Content

Font Awesome five was recently released, which is, well, awesome, mostly. It also brought with it some challenges. Let's take a look at the changes in Font Awesome five and what they mean for Rock. The Font Awesome five upgrade brought over 200 additional fonts in the free version, two different font weights in the free version, a new pro version with 379 extra icons available in three weights, new tricks for layering, spinning, and other magical things, a new SVG pattern for using the icons, which is really cool, and a slew of new brands that have been added. The upgrade also brought some challenges when it comes to raw. Over 100 icons that are used in the core and plugins were renamed. Of the two free font weights available, only one weight, the solid weight, has all the icons implemented. The solid weight makes checkboxes and stars, well, solid, so we had to create a workaround to make them work in Rock. And that SVG pattern is cool, but the file size is huge. And the whole system just works differently. Don't worry though, here's our implementation plan for facing these challenges. Because of the large file size, we're going to continue to use the standard web fonts for now instead of SVG, and this may change in the future if the file size is reduced. Out of the box, Rock is going to ship with the free version of Font Awesome five, so we'll default to using the solid weight. We're going to write a block that will allow you to easily implement the pro version. You'll enter your key and upload the Font Awesome five zip file with the new version. And once enabled, we'll allow you to dynamically change the weight of the icons on a per theme basis, which is really cool. We've also created custom mappings for the old font names so so they'll continue to work as they always have. A couple of things to note. Font Awesome five added new CSS prefixes for each weight, but we highly encourage you to keep using the FA prefix. This allows Rock to dynamically change the weight of the icons based on the theme. Even though Font Awesome five has been released, it's far from finished. There are 47 additional icon packs coming, each of which will include 10 additional icons for the free version and 30 for pro. We don't know yet how they'll be implemented or what further changes or challenges they may bring. But you can trust that we'll be staying current on Font Awesome five's progress and making sure Rock continues to perform, well, awesomely.