Do you want to add icon fonts without slowing down your website? This is a fun way to make your WordPress site’s design even more appealing. Font icons let you spice up your posts, pages, or menus by including eye-catching icons. And when it comes to font icons, Font Awesome is definitely one of the biggest names out there. But if you don’t want to fuss with your theme’s code, the Better Font Awesome Icons plugin is a great option!
In this tutorial, you will learn many ways to add icon fonts in your WordPress theme using a wordpress plugin.
Add Awesome Icon Fonts Using A WordPress Plugin
Factly, not all WordPress users are so techie and they need something simple and effective. There are a variety of plugins which offer this functionality, but Better Font Awesome plugin is one of the more popular and regularly updated options.
Install and activate Better Font Awesome plugin.
To add icon fonts, just open your post/page and you will see an Insert Icon button beside the Add Media button.
Click on that button and you will see many vector icons. Choose it according to your requirement and you will see the shortcode in your post editor. For every icon, you will see a different shortcode.
You can use it for your all the posts. Whenever you show a download button, just pick the download vector icon. If you’re good with CSS, you can also change the size of these icons. If you want to change the size of your icons via shortcode, just add a class tag with the exact size you want like this:
You can also use the exact same shortcodes in the regular WordPress editor. All the same size options from the manual examples will work with the shortcodes.
After installation, go to Settings >> Better Font Awesome and you will see the plugin’s setting.
This is options to use the minify CSS to keep the size of the markup optimized (you don’t really need to configure anything). It’s important to maintain the speed of your website. You will see many shortcodes below the checkboxes. These type of shortcodes can be directly used in your WordPress post editor.
That’s all, hopefully this article helped you know how to add Font Awesome icons to your WordPress site using plugin. If you have any further questions for us, don’t hesitate to put it up in the comments. See you again in orther tutorials!