How to Use Font Awesome in Genesis Themes

Whether you’re using a WordPress theme or Genesis Theme, you have to follow the same process to incorporate font icons to your design. Here’s how to do it.

Font Awesome is a list of font icons used to display fully responsive, customizable icons on your website without using traditional images.

These icons are vectors and can be scaled to any size without any loss of quality. Moreover, font icons can be styled, positioned and manipulated as per your design requirements.

Using Font Awesome with WordPress

Font Awesome helps you incorporate font icons into your WordPress theme easily. Essentially, you just need to add some code snippet to your functions.php file and then use the CSS class to achieve specific design for your project.

Whether you’re using a WordPress theme or Genesis Theme, you have to follow the same process to incorporate font icons to your design.

Here’s how to do it.

Step #1: Open the functions.php file of your WordPress/Genesis child theme.

Step #2: Download the following code snippet

If you’re using WordPress Theme:

Click here to view and copy the code snippet and add it to the bottom of your functions.php file.

If you’re using Genesis Theme:

Click here to view and copy the code snippet and add it to the bottom of your functions.php file.

Step #3: Go to Font Awesome Cheatsheet

Font Awesome Cheatsheet comes handy for a quick reference to all font icons with their CSS classes and Unicode.

Step #4: Paste the code in WordPress HTML Editor

If you want to show a camera retro font icon on your website, you can choose the following CSS class in your HTML Editor:

<i class=“fa fa-camera-retro fa”></i>

Depending on you specific design needs, you can increase the size of the font icons. For example, to increase the size of the above font icon, you would use the following code:

<i class=“fa fa-camera-retro fa-5x”></i>

Font Awesome Image

 

Hope this tutorial was helpful to you. Leave a comment below if you face any problem incorporating font awesome into your website.

About Susanta Sahoo

I'm the founder and content marketing head at Top League. Our team can help you build great content that helps you rank high on Google and generate high-quality leads. Get in touch with us and let's discuss your project. I'm on LinkedIn & Twitter, just so you know.