A Blog by DotJoomla
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
Features of Font Awesome
In a single collection, Font Awesome is a pictographic language of web-related actions.
Scalable vector graphics means every icon looks awesome at any size.
Font Awesome is completely free for commercial use.
Easily style icon color, size, shadow, and anything that's possible with CSS.
Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.
Designed from scratch to be fully compatible with Bootstrap.
To use on the desktop or for a complete set of vectors, check out the cheatsheet.
Font Awesome won't trip up screen readers, unlike other icon fonts.
How to use
1. Simply paste the following code into the section of your site's HTML.
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
2. Just add the specific icon class in any elemnt whwre you want to show the icon.
For e.g. to show a flag icon <span class="fa-flag"></span>