Prior to version 4.0 which was released today, everything works (i.e. the icons are there). I upgraded today, and poooof, the icons were gone!
First of all you will need to change the syntax on how you make the icons appear on your content.
<i class="icon-camera-retro"></i> Some Label
<i class="fa fa-camera-retro"></i> Some Label
Bundling and Minification
The previous bundling and minification code, looks like this:
But after the upgrade, it doesn’t work!!!
I did some comparison between the previous Font Awesome css file and saw these differences:
Of course the directory structure changed too (installed via nuget)
Version 3.2.1 (ignore the other font files):
So how do we fix this?
There’s a little know class called CssRewriteUrlTransform in the Sytem.Web.Optimization namespace that will help us solve this issue, or any css file that references url relative resources. The new code would now look something like: