Are you lot looking for a agency to add together hundreds in addition to thousands of scalable vector icons to your blogger site? One of the proper in addition to electrical current solution that most professional designers recommend is FontAwesome. Recently, i of our users asked us that How to properly Add Font Awesome inwards Blogger thus that he tin move add together scalable vector icons inwards his website without getting its pixels blurred or adding whatever farther images. Font Awesome provides a unproblematic CSS technique that adds vector icons that looks awesome at whatever size. In this article, nosotros volition demonstrate you lot how to properly add together Font Awesome Icons inwards Blogger.
What is Font Awesome:
Font Awesome provides scalable vector icons that looks skillful at whatever size or dimension. Being a spider web designer you lot mightiness demand a lot of dissimilar icon gear upwardly to make your blueprint a professional person acquit upon land maintaining the latest developing standards. According to the Font Awesome site:
Font Awesome gives you lot scalable vector icons that tin move forthwith move customized — size, color, driblet shadow, in addition to anything that tin move move done amongst 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 make of high character vector icons in addition to build clean images.
- Supports CSS: It also industrial plant amongst CSS thus that colors, size, shadows in addition to other components tin move easily move adjusted in addition to applied to them.
- Speed: Font Awesome images are extremely lightweight in addition to loads real chop-chop equally compared to the CSS Spirit images.
- Flexibility: They are thus many dissimilar ways to add together in addition to purpose Font Awesome inwards 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 arrive fifty-fifty better.
- Everything for FREE: You tin move acquire this in addition to everything for absolutely FREE.
How to Properly Add Font Awesome Icons inwards Blogger:
Adding or implementing Font Awesome on your blogger site yourself is extremely straightforward in addition to would conduct hold moments to finish. Here are the basic steps to follow:
Step#1: Installing Font Awesome inwards Blogger:
The proper agency to install Font Awesome is to include it inwards your Blogger Template file without compromising the speed is to add together it correct afterward the <head> Tag. Therefore, acquire to Blogger >> Template >> Edit HTML in addition to search for the <head> tag, but below it glue the next business of code.
<link href=”//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css” rel=”stylesheet”/>
Step#2: Using Icons inwards Blogger:
Since, nosotros conduct hold been using the newly released version of the Font Awesome 4.0.1. Therefore, croak on inwards 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 make you lot the follow result:
If you lot desire to access the consummate listing of available icons acquire to Font Awesome Icons inventory. It volition non alone furnish you lot a consummate make of icons, but would also furnish a agency to add together them inwards your site which makes it a lot easier for non-designers.
Step#3: Applying CSS to Icons:
border:1px corporation #111;