1

I have a site I'm updating with new content. It was preloaded with FA 3.2.something. I'm trying to load in 4.0.3 and the icons are just giving me boxes (in IE9 they don't display anything).

I'm not even sure where to start. I replaced the old css and font files with the new ones, updated the classes called into my index.php file with the fa-iconname from icon-iconname.

Any ideas on what to troubleshoot?

---Found the answer---

Aside from changing all of the class calls from icon-[icon name] to fa-[icon name] you also have to call the fa class separately like

class="fa fa-[class name]"
2
  • Do the font files have the same name as before? Are they definitely being called? Dec 2, 2013 at 3:14
  • yeah, just figured it out too. The 4.0.3 specifications require two class calls instead of one. You have to call class="fa fa-[icon name] whereas before you could just call class="icon-[icon name]" Also, the old "icon" class leader is now "fa". Not sure if I made that clear before Dec 2, 2013 at 3:24

1 Answer 1

1

yeah, just figured it out too.

The 4.0.3 specifications require two class calls instead of one. You have to call class="fa fa-[icon name] whereas before you could just call class="icon-[icon name]" Also, the old "icon" class leader is now "fa".

Not sure if I made that clear before

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.