Adding Font Awesome to WordPress

This tutorial will go over how to add Font Awesome to our WordPress theme. Bootstrap comes with around 200 Glyphicons, but sometimes that just isn’t enough! Font Awesome also includes some great styles to use the icons in unordered list, stack them, rotate them, and use throughout our Bootstrap mark-up. Follow along to add Font […]

You need to have an active subscription to view this content.

Register Here!
  • Camila

    I have been following the tutorial exacly as you do it and in order and my sidebar is not on the side but rather at the end of the page, what did i do wrong?

    • Go back over the Grid system tutorial ( and )watch the video tutorial closely. A lot of people have been missing a closing div tag due to copy and pasting the code.. There is also a topic in the forum that goes over this and should help you get it sorted out:

      Let me know if you cant figure it out.

      • mxl3000

        Brad, thanks for the tutorial, I too have my sidebar at the bottom of my page, the Grid system tutorial is 2 lessons after this, up until now, I haven’t encountered a div tag yet in any of the lessons, we’ve just been editing the functions.php up until now. Hope this helps someone in the future.

        • Oh I see. I probably recorded this after I setup my grid system. Don’t worry though your sidebar wont be at the bottom forever! =)

  • tracy

    In the previous video you added the ‘jquery’ after array for bootstrap-js, and it’s not shown here in this code example.

    • Thank you for pointing that out. I will update the sample markup code.

  • Schmid Beda

    A question
    I dont understand why “respond-js” still is included in this part of the tutorial

    Didn’t we remove it previously form the “enqueue” script?

    • There are two tutorials on adding respond.js to your theme. You can pick either way to add it to your theme. This tutorial is about adding Font Awesome to the theme, so I would focus on getting that script enqueued and not worry about the route you picked to add respond.js.

      • Schmid Beda

        🙂 OK

  • Shawn Lattanzio

    I cant get this one to work i have the minified css file in the css folder and i put font files in the fonts folder and i wrote the enque tag for the css file but i cant gt an image to show up

  • rabin rai

    Hi, Brad W.
    I already post this problem but i can’t solve yet. Why not showing my font-awesome.min.css?
    I check everything all are correct but still not working I followed by your tutorials videos #Adding Font Awesome to WordPress. Still not sure what happening? Please any solutions.

  • Thanks, it works 😀