Also Read
Also Read
What is Font Awesome?
Font Awesome is an iconic font especially designed for Bootstrap. Collection of Scalable Vector Graphic icons that can be customized. These Font Awesome icons are in compact-sized.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 load much faster as compared to CSS sprite images.You can use CSS styles to modify them change size, color, shadows etc.
how to add Font Awesome icons to Blogger?
installation steps
1 Go To Blogger > Template
2 Click Edit HTML
3 Search <head>
4 Paste the following code after it.
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>
Adding font awesome icons
You can check it out list of available Font Awesome Icons here. Pick any font awesome icon of your choide, and write down its CSS Class name e.g. fa-home or fa-arrow-down.To use this icon, add the <i> tag look below for e.g
<i class="fa fa-home"></i>
Editing/Adding CSS style
.fa-home {If you need any help regarding font awesome icons feel free to ask.
font-size: 22px;
color: #ff3333;
padding: 7px;
border: 1px solid #000;
float:left;
}
SUMMARY
How To Add Font Awesome Icons In Blogger,adding styling font awesome icons editing using css for style of fontawesome icons.fontawesome icons for blogspot website.
Post a comment Blogger Disqus
0 Comments on "How To Add Font Awesome Icons In Blogger Template" So Far - Comment Now!
MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>
Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand