Visual Icon fonts, also knows as genricons and vector icons are used as font icons popularly among web designers, the icons are lightweight and looks much better than simple bitmap images. There are many advantages like the icons can be resized without losing the quality and can be styled with CSS which cannot be done with image icons. This tutorial explains how you can use these iconic fonts using default WordPress visual editor present in add new & edit content pages, and the best thing is that you don’t need any HTML or CSS coding as everything is done visually.
Genericons are the vector icons embedded in a webfont designed to be clean, simple, keeping a generic aesthetic. Now by using brand new WordPress plugin called Genericon’d you can enable easy use of Genericons icon font set in your WordPress site. You can insert these icons either by HTML or by using shortcode inside your blog posts and pages.