Font-awesome is an open source project which provide free font icons. These days everybody use font rather than using images because it is scalable and can be re-size to any size and change color to any. First type Font-awesome on Google and click on the first link. you will be taken to font-awesome site. You can see many icon there.
To get started, click on the "get started" menu
Copy the css link and paste it on your index page. This will import the fonts.
<!-- font awesome -->
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="well"> <!--well provide different background and padding-->
<i class="icon-android"></i> <!--you can resize these icon using your custom css file. For this, define custom class name-->
<i class="icon-twitter"></i>
<i class="icon-linkedin"></i>
<i class="icon-dropbox"></i>
</div>
</div>
</div>
DEMO:
To get started, click on the "get started" menu
Copy the css link and paste it on your index page. This will import the fonts.
 |
| fig: importing font-awesome link |
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="well"> <!--well provide different background and padding-->
<i class="icon-android"></i> <!--you can resize these icon using your custom css file. For this, define custom class name-->
<i class="icon-twitter"></i>
<i class="icon-linkedin"></i>
<i class="icon-dropbox"></i>
</div>
</div>
</div>
DEMO:
 |
| fig: font-awesome |
No comments:
Post a Comment