Font Awesome 4.0.3 provides 369 common vector font icons for Web pages

Source: Internet
Author: User
Tags vector font

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.