How to use Fa Fa Font Icons on your websites and blogspot - The hub of technology | Dedontech

Latest Updates

How to use Fa Fa Font Icons on your websites and blogspot


How to apply fa fa font icons on webpages and blogs

Font Awesome (fa fa icons)

Font Awesome also called the (fa fa Font icons) is a font that is made up of "symbols, icons, or pictogram", which you can use to developed you webpage on your websites and blogs.

Advertisement
Font Awesome is a great icon-based font that is very commonly paired-up with "Bootstrap-based" web projects. It has a library of 605 icons-larger than the 200 native Bootstrap 3 glyphicons.

How to use the Fa Fa Font icons
 
Home | About us | Contact
The Fa Fa fonts icon tag for the above Menu is shown below:
<i class='fa fa-home icon'></i>home | <i class='fa fa-lightbulb-o icon'></i>About us | <i class="fa fa-send icon"></i>Contact. Other "examples" of  "fa fa font icons" shown below:
Facebook icon Code: ( <i class="fa fa-facebook-square"></i> Facebook ) = Facebook
Shooping Basket Code: ( <i class="fa fa-shopping-basket"></i> Shopping ) = Shopping

Advertisement
Note: before using this fa fa codes you most add the CSS script <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">, between the 'head tag' of your 'blogger template' or your webpage. Head tag (<head> </head>).

Font Awesome CSS script link
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">.
The image below shows where you will place the CSS script: copy the CSS script above and paste it below the head tag of your webpage:

With the fa fa font icons, your website and blog will look pretty cool, just try it out. You can get Awesome fa fa font here ... Fa Fa Font Awesome
Sponsored Links

No comments