What is Font Awesome:
Font Awesome provides scalable vector icons that looks skillful at whatsoever size or dimension. Being a spider web designer y'all powerfulness demand a lot of unlike icon gear upwards to attain your blueprint a professional person touching on spell maintaining the latest developing standards. According to the Font Awesome site:Font Awesome gives y'all scalable vector icons that tin straight off endure customized — size, color, driblet shadow, in addition to anything that tin endure done amongst the ability of CSS
Why to role Font Awesome:
Though the perks of using this tool are countless but few of the prominent ones are mentioned below:- Wide Range of Icons: It provides a broad attain of high character vector icons in addition to construct clean images.
- Supports CSS: It also plant amongst CSS hence that colors, size, shadows in addition to other components tin easily endure adjusted in addition to applied to them.
- Speed: Font Awesome images are extremely lightweight in addition to loads really rapidly every bit compared to the CSS Spirit images.
- Flexibility: They are hence many unlike ways to add together in addition to role Font Awesome inward your site to improve its functioning in addition to site appearance.
- Innovate: The squad behind this amazing tool is highly talented in addition to they are continually working to acquire inward fifty-fifty better.
- Everything for FREE: You tin acquire this in addition to everything for absolutely FREE.
How to Properly Add Font Awesome Icons inward Blogger:
Step#1: Installing Font Awesome inward Blogger:
The proper agency to install Font Awesome is to include it inward your Blogger Template file without compromising the speed is to add together it correct later on the <head> Tag. Therefore, become to Blogger >> Template >> Edit HTML in addition to search for the <head> tag, only below it glue the next trouble of code.<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>
Step#2: Using Icons inward Blogger:
Since, nosotros direct hold been using the newly released version of the Font Awesome 4.0.1. Therefore, proceed inward heed that naming has been changed for the version 4.0+ significantly from the previous version 3.x. All examples below are using version 4.0.1. Check out this example:<i class="fa fa-play-circle"></i> fa-play-circle
It would attain y'all the follow result:
fa-play-circle
If y'all desire to access the consummate listing of available icons become to Font Awesome Icons inventory. It volition non solely furnish y'all a consummate attain of icons, but would also furnish a agency to add together them inward your site which makes it a lot easier for non-designers.
Step#3: Applying CSS to Icons:
You tin alter the color, size, shadow in addition to to a greater extent than through applying CSS to your icons. The method is quite straightforward in addition to it is achieved through the flat given to your icon. Check out the next example:
.fa-play-circle {
font-size:20px;
font-weight:bold;
color:#111;
border:1px company #111;
padding:10px;
float:left;
}
If y'all are even hence confused nigh the usage, in addition to hence y'all tin also direct hold a expect at Examples page providing in-depth guide to both designers in addition to non-designers.
Font Awesome is a fantastic, flexible in addition to a fast agency to add together character graphic vectors to your blogger site. There are tons in addition to tons of endless role to graphics inward menus, posts, footer in addition to etc to spice upwards your site. We promise this article may direct hold helped y'all inward learned how to properly add together font awesome inward blogger. Do percentage your thoughts inward the department below.
Comments