Like what you're reading? Want to get rid of ads? Donate some BTC and help me stop relying on AdSense. BTC Address: 1E4TGB9e4mwfUusg4XHnte1Szi1gDFWDd9

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 »