Font Awesome provides you with a set of scalable font vector icons, you can quickly customize the size of icons, colors, shadows, these can be implemented through CSS, without any JS code OH.
First, the main features are as follows: 1, one font, 369 icons 2, no need to use JavaScript
3. Customize icons by CSS size, color, shadow
4, user-friendly interface
5, Support Internet Explorer 7 browser
6, can be perfectly presented on Retina screen
7, unlike other icon fonts, compatible with screen readers
8, strong scalability
9. Perfect documentation
10, free
Second, the icon type below a simple listing, here is only a partial list of the complete icon, see here: 1,web application commonly used icons:
2, Form control icon
3, Currency icon
4, the icon of the text editor
5, Web Orientation icon
6, player icon
7, Brand icon
Third, how to use
Way One:
This method uses the simplest, BOOTSTRAPCDN way
You can use the following code in the head tag of your page, without downloading and installing anything:
<link href= "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel= "stylesheet" >
Way two:
This way you need to download the Font Awesome project folder
Copy the font Awesome directory to your project and introduce the following code in the head tag:
<link rel= "stylesheet" href= "your project (your project path)/font-awesome/css/font-awesome.min.css" >
For more details on how to add these vector icons to your Web page, please see the following address:
http://fortawesome.github.io/Font-Awesome/examples/
For a complete list of icons, see here