How to Use Icon Fonts in WordPress the Right Way (Better Performance)
Back in the early days, icons were readily available, but implementing them efficiently in WordPress was a bit more difficult. You could get around some issues with sprites, but they were not always a good way forward, and as retina screens started coming out, the problem was magnified (quite literally). One of the most common solutions to this problem is to use an icon font. Icons are web fonts or vectors, so you can scale them infinitely and a lot of icons can fit inside a single file, bringing down your request count considerably. This allows you to use almost any icon you can possibly dream up. However, with this, also comes some performance considerations.
We’ll show you in this article a couple different ways to use WordPress icon fonts, where to get them, and which method might be the best for your site.
Where to Find Icon Fonts
There are a lot of great places to now find icon fonts for your WordPress site. Just type “icon font” into Google will yield you some great results. One of the most popular and widely used ones is Font Awesome. As of writing this, it has 1,400+ free icons, as well as 4,500+ icons in their pro version. It includes icons for just about
Source: https://managewp.org/articles/18180/how-to-use-icon-fonts-in-wordpress-the-right-way-better-performance
source https://williechiu40.wordpress.com/2018/12/05/how-to-use-icon-fonts-in-wordpress-the-right-way-better-performance/