Few days ago, we wrote about Font Awesome Icons, a free WordPress plugin to that can be used to add Font Awesome icon font to your WordPress site.
If you’re looking for an alternative to Font Awesome Icons plugin, take a look at Genericon’d, another free WordPress plugin that make use of Genericons, a free and GPL icon font by Automattic, the same great company behind WordPress.com.
Using Genericon’d gives you more flexibility to use use Genericons icon anywhere on your site. There are two ways you can use the Genericons icon font on your site:
1. HTML
To use any icon fonts in your site, you may use the HTML code anywhere on your theme.
<div class="genericond genericon genericon-twitter"></div>
or
<i class="genericond genericon genericon-twitter"></i>
For complete list of available icon fonts, please refer to Genericons website.
2. Shortcode
Want to use the icon on any post, page and widget? This plugin allows you to do so. Here’s an example of shortcode can be used with this plugin:
[genericon icon=twitter]
This is a pretty cool idea. Never thought about icon fonts before. What would be the benefit on a blog?
Well, if you design of lots of themes, this is really useful to use the icon anywhere on your theme. Using icon font also eliminates the use of image.
I see you are using fontello. Any reason why?
What are the pros and cons between the various icon fonts? I am primarily interested in issues related to (1) site speed, (2) usability, (3) longevity.
Would love to see a post maybe comparing/contrasting Fontello, Font Awesome, Genericon, and IcoMoon.
Hi Jeremy,
The fontello icon font was registered by Simple Social Icon plugin. Not sure about site speed, but the amount of icon in Genericon is very few compared to the others.