Icon fonts are vector icons used as fonts. They are popular among web designers because they look prettier than bitmap images. They can be resized without losing quality and styled using CSS. This is why many WordPress themes use icon fonts. Most notably, the default Twenty Thirteen and Twenty Fourteen themes. However for beginners, it is a little complicated to use icon fonts on their WordPress sites. Upon activation, you need to go to Settings » Icon Fonts to choose an icon font set. Currently, the plugin comes with Font Awesome and Genericon fonts.
Where to Find Icon Fonts
Quick and Easy Ways to Use WordPress Font Icons
Resources Blog. WordPress is more than just a system that allows you to type text. It can also incorporate a lot of fun and interesting things to give your site a personal touch.
Video Tutorial to Add Icons to WordPress Custom Menus
In this article, we are going to illustrate how you can add icons to WordPress custom menus without plugins for any theme. You must have come across websites that use icons to represent categories and sub-categories in the menu section. If you are using any free themes, it is certain that there are no options to add icons to WordPress custom menus without plugins. There are only a few premium themes that provide the option, but you have to be an advanced user to avail it. The reason for not using a plugin for it is that it is a very small work and there is no need of using a plugin and waste memory space and processing power when you can use the same on something important.
Last Updated: September 12, in Guides. Using images to support, even replace texts is excessively familiar to us. It is encouraged to use because of its aestheticism and denotation. So, you may feel that a text menu lacks interesting and exciting for users or you just need something shorter. The most common way is adding some icons to your menu. Firstly, I must say that there are many types of icons designed and developed by different authors. A group of icons developed by an author is called a library, such as Dashicons , FontAwesome , Elusive , and Genericons. Each icon in each library has its own CSS code. So, you should use icons from only one library on your site. Mixing them all may get some error in the display.