Font Awesome is a scalable image icons set on Twitter Bootstrap CSS Framework which can be used in your WordPress Blog easily. I have found Font Awesome that is the best and easy to integrate with WordPress.
Font Awesome
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
Then a question strike in your mind that What is scalable Vectors Icons ? According to the Wikipedia , Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation.
Why use Font Awesome Bootstrap Icons
You know that every image speak thousands of words and it improve a site appearance.More powerful features is wide range of high quality images , easy customization of color , size and shadow , render very quickly and developer innovate and move forward.
How to install Font Awesome in WordPress
You install Font Awesome in two steps -
Add the Font Awesome CSS files
wp_enqueue_style function is used to add CSS file in WordPress theme. MaxCDN is the prover of the Font Awesome Style-sheet CSS file. Advantages of MaxCDN is to boost the loading speed of website page and reduces the bandwidth over head.
Add this code in function.php -
add_action( 'wp_enqueue_scripts', 'problogginghub_load_font_awesome', 99 );
/**
* Enqueue Font Awesome Stylesheet from MaxCDN
*
*/
function problogginghub_load_font_awesome() {
if ( ! is_admin() ) {
wp_enqueue_style( 'font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css', null, '4.0.1' );
}
}
Use Font Awesome
Now it is pretty easy to add the Font Awesome icon in your WordPress Blog post or any where on the WordPress theme file.
Add this syntax for -
fa-camera-retro
<i class="fa fa-camera-retro"></i> fa-camera-retro
More Font Awesome Icons set
Final thought
Font Awesome is a wide rage of collection of high quality icon set and you can add this icon with simple coding. I have a great experience with it that not only improve the sites appearance , it add extra values to your site and it force to your user s that they think , it is a extra ordinary website.