How to Fix Font Awesome Icons Not Showing in WordPress
Articles Blog

How to Fix Font Awesome Icons Not Showing in WordPress

August 11, 2019

Only registered users can comment.

  1. Hoz, I want to thank you again for all of your time and effort. I ended up using a plug-in (Better Font Awesome) and it cleared up the problem for me. Link is rendering across multiple browsers and works properly. Thanks. Much appreciated.

  2. Comparing what does NOT work: <class="fa fa-youtube-square> with what does: <i class="fa fa-youtube-square></i> … the difference is the "i" at the beginning of the opening tag and adding the closing "</i>" tag.

  3. On your blog the hack Font Awesome Fix by Scott Hanselman to add "fa" solved my problem thanks to both of you guys!!

  4. Thanks- your fix didnt quite fix my issue, but your rational did. Here is the quick fix i used….my code from awesome font kept appearing for all icons with the term 'fab' like <i class="fab fa-instagram"></i> and would not show up. Once i removed the 'b' from 'fab' like <i class="fa fa-instagram"></i> by issue was resolved.

  5. Awesome Plugin and tutorial ! Thanks so much, it fixed my theme issue that was restricting font awesome on my woocommerce store page. 🙂

  6. I also copied the icon from the font awesome site and put that into my website and it worked-yay! Thanks. I like your voice. It's a curious mix of accents 🙂

  7. I liked the original idea of not using a plugin. I don't want to use Fontawesome anymore. What about if as a designer you have your own icons?

  8. Placing the code was a real treat. Wanting you to know this helped a novice techie (if that exists) to avoid MORE PLUGINS lol.

  9. The first plugin you mentioned worked for me!!! YAY 😀 Thank you so much!!! I've been scratching my head for weeks about the squares I kept seeing on my website!!

  10. This works for me! Thank you so much. I installed a plugin called "Mobile Contact Bar" and suddenly some of the icons dissapeared (the social media icons only) and I was looking for a solutions but every talks about having the Font Awesome file on my hosting, but I didn't have it, because that came with the plugin Bar so… Install another plugin for update works for me, but nobody says so jajajaja. See you

  11. I have been banging my head against the wall of this problem for 3 weeks. I've tried EVERYTHING… except a plugin. Never occurred to me that there would be one to fix my problem, but the first one you downloaded did the trick for me! My issue was that there was more than one style sheet called "font awesome." Safari didn't have an issue with it, but Chrome was displaying boxes. The different attempts I had made to the code were only managing to break FA in Safari, when they worked in Chrome. Even though my solution wasn't the same as yours, watching you think it through and work on it really saved my butt!!

  12. Some people like it short, but I'm glad you started with "What could be the root of the problem" and then solve it. Thanks a lot man. The best explanation for me. Thumbs upppp

  13. Thank you for the video. I have the same problem too and I found out in view source that elementor has its own icons. I deactivated the plug in and the font awesome icons for the themes is now working.

Leave a Reply

Your email address will not be published. Required fields are marked *