Font Awesome 4.0.3 provides 369 commonly used vector Font icons on webpages. Sina and Renren's vector icons are also included.

Source: Internet
Author: User
Tags vector font


    Required knowledge

    This article requires a basic understanding of html and css front-end code.

  • Running Environment

    Standard browser, compatible with IE7

  • Source code download


Font Awesome provides you with a set of scalable Font vector icons that can quickly customize the size, color, and shadow of the icons. These can be achieved through CSS, no JS code is required.

3. Use CSS to customize the Icon size, color, and shadow.

5. Supports Internet Explorer 7

6. Perfect display on the Retina screen

7. Different from other icon fonts, It is compatible with screen readers.

9. Complete documentation

10, free


2. the icon types are listed below. only some of them are listed here. For the complete icon list, see: 1. Common icons for Web applications:


Method 2:

To download the Font Awesome project folder

Copy the Font Awesome directory to your project, and introduce the following code in the head Tag:



For details about how to add these vector icons to a webpage, refer to the following address:


View the complete icon list here


If the above article or link is helpful to you, don't forget to click "" at the end of the article or click "" in the lower right corner of the page. You can also click the "floating" button on the right of the page to let more people read this article.


Author: Li-Cheng Source: The copyright of this article is shared by the author and the blog Park. You are welcome to reprint it. However, you must keep this statement without the author's consent and provide a connection to the original text on the article page, otherwise, you are entitled to pursue legal liability.

Related Article

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: 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.