Here we are providing the complete overview of how you can add Icon fonts in your WordPress Theme. Icon fonts let you add vector icons without slowing down your site. We will present you the two methods for adding Icon Fonts in WordPress Theme. So let’s see in detail.
Icon fonts hold pictograms or signs instead of letters and numbers. You are able to resize these pictograms by using CSS without increasing your pages' download size. You can use it for your feature boxes, sliders, social media buttons, shopping cart and in WordPress navigation menus.
Here we have free and open source icon font available including of icons. Each admin toolbar within the admin area. Some other famous icon fonts are - Font awesome, Genericons, Linearicons, IcoMoon. Therefore, we are going to show you the two ways of adding icon fonts in WordPress. First of all, you have to utilize a plugin and the second method will display you adding an icon font without a plugin.
FontAwesome and other free icon fonts are used by many WordPress plugins. By using a plugin You can easily add an icon font to any WordPress theme without editing any code.
First of all, install and activate the Better Font Awesome plugin. Then visit on Setting >>Better Font Awesome page for configuring the plugin settings.
Font Awesome lets you to add font icons using shortcodes as shown below:-
You can also add the icons in post editor by selecting an icon. Move ahead and create a new post or edit an existing one and you will see the Insert Icon button.
Tapping on it will bring up a popup where you can locate an icon and insert it.
Next, you will observe that the plugin will add a shortcode to your post editor which will look like this:
[icon name=”university” class=”” unprefixed_class=””]
You can add your own CSS class for adding custom styles if you want to further customize the icon.
[icon name=”university” class=”universityicon” unprefixed_class=””]
You can talk to our WordPress Support team in case of any help related to WordPress, dial + 1 844 897 0441(Toll-Free).