What is Font Awesome?
Note: You can see some of the Font Awesome icons used in our blog's navigation panel. Notice the icons next to the text that indicates the target location of a tab (i.e. Home, SEO, etc.).
Font Awesome offers some amazing features that make it worth checking out.
- Font Awesome contains a collection of 369 SVG icons from a wide array of categories, including navigation controls, form controls, buttons, currency icons, web application and brand icons, and so on
- Font awesome icons are very lightweight, and they load much faster as compared to CSS sprite images. They are also scalable, and can be transformed into any size without having their quality effected
- The best part - they're easily customizable! You can apply CSS styles to modify them according to your needs. You can change their size, color, shadows - anything that can normally be done with CSS.
- Aaaaaand......they're totally free!
Adding Font Awesome icons to Blogger?
Call external Stylesheet
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>
Make sure you copy the link as it is (including the http:// part). This is where the Font Awesome CSS file is stored. You can download it to your own server if you like for greater speed.
<i class="fa fa-home"></i>
You can replace the highlighted text with the class name of any icon you like. For example, <i class="fa fa-arrow-down"></i>. And since this is an inline tag, you can use it inside a paragraph tag, list tag, even anchor (<a>) tag, and so on.
border: 1px solid #000;
Wasn't that simple? :)
Need Quick Help within 24 Hours? ASK NOW
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »