I’m a huge fan of icon fonts, and Font Awesome is the best one. Version 4 is out, and if you are updating from version 3, here’s what you need to know.
Font Awesome 4 has been completely rewritten, so if you are migrating a project from version 3 to version 4, you will have to make some changes.
First, swap out your old css/less/sass files containing all the font awesome code for the new ones, or just change the CDN reference to this:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet">
Next, replace the old font files with the new ones. Those would be the “fontawesome-webfont.eot” and other files, here’s a link.
Lastly, you’ll have to replace any old references to
. Other attributes like icon-large will also have to be changed.
Here’s the old syntax:
<i class="icon-cog icon-large"></i>
Here’s the new syntax:
<i class="fa fa-cog fa-lg"></i>
That should take care of it, enjoy!