Thursday 21 March 2019

How to Install Awesome Fonts on Blog?



How to Install Awesome Fonts on Blog - 

Font Awesome is a tool that is often used or even often installed on large sites.

Font Awesome is a tool that will make it easier for us to use icon icons, actually this has been published for a long time by a developer named Dave Gandy.

Now the Awesome Font has released several versions, for the latest version (May 7, 2016) is 4.6.2 with a total icon of 632, Wow quite a lot isn't it ??

Font Awesome also offers cool features, see its features below

Features :
1. One font but has more than 600 Icons
2. Javascript is not needed
3. Unlimited size / size
4. CSS Controls - Buddy can add shadows, change size, color, etc.
5. Simple and pleasant icons in the eyes

Well here I will share how to use and install Font Awesome on your blog. please buddy first check Font Awesome on your Blog template, if it's not installed, let's install it first ...

How to Install Font Awesome :
1. As usual, you login to your blog
2. Then go to Template> Edit HTML
3. Copy the code below just above the code </head>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css"/>

4. Well, it's quite easy isn't it? Congratulations, your blog has an awesome font installed. Now we will learn how to use it

Using Font Awesome :
1. Make sure you have installed an awesome font on your blog, if not you can see the steps above first
2. To use it easily, please open your friend https://fortawesome.github.io/Font-Awesome/icons/ later appears as shown below

3. Click one of the icons that will be used ... then the image appears as below :

4. Now that is the HTML code, you can use it anywhere. Example, you want to use it in an article. Just copy the code in HTML mode
5. Code examples are like this :

<i class="fa fa-bicycle" aria-hidden="true"></i>


6. Now just copy the code in your article / post in HTML mode, for example:

I really like cycling <i class="fa fa-bicycle" aria-hidden="true"></i> with friends <i class="fa fa-bicycle" aria-hidden="true"></i>

7. The above code will be like this :
I really like cycling  with friends 
Disqus Comments