Font Awesome is a popular and modern looking set of web icons. This set contains thousands of different icons which you can use in WordPress.
Font Awesome fonts are great because they are just like other fonts. That’s mean they are :
Vector-based (so you don’t have to compromise on the quality of icons when changing the size)
Easy to style (just like any other font)
How Icons Like Font Awesome Improvethe Usability
Icons not only improve the look of your website but also leave a great impact on the usability of a website. Research has proved that using icons on your website to improve user experience and increase your CTR (Click Through Rate).
When you use icons on your website like Font Awesome icons, you are not only improving the look of your website but also:
Making easier for the user to navigate. Using icons on your website will increase the click-through as users will be navigating on your site easily especially on touch devices.
Internationalizing your website. As English is not used everywhere in the world, some countries prefer to use their own native languages. Using icons on your website make it easier for the people who can not read English properly.
Icons use less space. Icons use less space than text and it has become more important as the majority of users visits websites from their mobile devices which have less space to show content.
Research also says that icons alone can confuse visitors. But when you use them as a part of webpage structure it will increase the usability and make your webpage more appealing.
Add Font Awesome to WordPress using Stylesheet
You can add Font Awesome to WordPress website using a plugin which is a quick way to accomplish this task. We will cover that in the next section, in this section we will show you how you can manually add the Font Awesome icons to your website (Our preferred way to add font awesome icons).
All you need to do is add the font awesome stylesheet to your WordPress theme and then style your icons using CSS.
Believe us, it really a simple steps formula. Let’s dive in!
Enqueue Font Awesome Stylesheet in Functions.php
The Font Awesome stylesheet is a CSS file which lists all the latest icons. You can add this stylesheet to your website using below two methods.
Download Font Awesome Stylesheet from Here and upload the file to your website via FTP.
Add Font Awesome stylesheet using Bootstrap CDN. (our recommended method)
No matter which option you choose to add Font Awesome stylesheet, below instructions will stay same. Jus the URL of stylesheet will be different based on the method you choose.