What is Font Awesome:
Font Awesome provides scalable vector icons that looks practiced at whatever size or dimension. Being a spider web designer y'all mightiness demand a lot of unlike icon laid upward to plow over your pattern a professional person touching on piece maintaining the latest developing standards. According to the Font Awesome site:Font Awesome gives y'all scalable vector icons that tin ship away directly live on customized — size, color, drib shadow, as well as anything that tin ship away live on done alongside the ability of CSS
Why to purpose 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 lineament vector icons as well as construct clean images.
- Supports CSS: It also plant alongside CSS hence that colors, size, shadows as well as other components tin ship away easily live on adjusted as well as applied to them.
- Speed: Font Awesome images are extremely lightweight as well as loads real speedily every bit compared to the CSS Spirit images.
- Flexibility: They are hence many unlike ways to add together as well as purpose Font Awesome inward your site to improve its surgery as well as site appearance.
- Innovate: The squad behind this amazing tool is highly talented as well as they are continually working to acquire inward fifty-fifty better.
- Everything for FREE: You tin ship away acquire this as well as 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 the <head> Tag. Therefore, acquire to Blogger >> Template >> Edit HTML as well as search for the <head> tag, merely 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 stimulate got been using the newly released version of the Font Awesome 4.0.1. Therefore, continue 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 plow over y'all the follow result:
fa-play-circle
If y'all desire to access the consummate listing of available icons acquire to Font Awesome Icons inventory. It volition non solely render y'all a consummate attain of icons, but would also render 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 ship away modify the color, size, shadow as well as to a greater extent than through applying CSS to your icons. The method is quite straightforward as well as 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 corporation #111;
padding:10px;
float:left;
}
If y'all are yet confused most the usage, as well as hence y'all tin ship away also stimulate got a await at Examples page providing in-depth guide to both designers as well as non-designers.
Font Awesome is a fantastic, flexible as well as a fast agency to add together lineament graphic vectors to your blogger site. There are tons as well as tons of endless purpose to graphics inward menus, posts, footer as well as etc to spice upward your site. We promise this article may stimulate got helped y'all inward learned how to properly add together font awesome inward blogger. Do percentage your thoughts inward the department below.
No comments:
Post a Comment