Font Awesome Icons Showing Up as Squares

Today I finally upgraded to Font-Awesmome 4, adding it to a new project. I installed it with Bower, referenced it, then used it. When I opened the page in my browser the icons all show up as squares. Usually I’d start digging in the console and start checking headers but luckily I Googled first and this is what I found. Rather than take credit for it myself, here’s the solution for those of us who are experienced developers who somehow messed up Font-Awesome. The short answer is, they added a new class. You have to add fa as well as the normal fa-iconName class to each <i />.

Web design, Web development

« User Authentication in a Client Side JavaScript App HTML5/JavaScript Cargo Cult Beliefs »