Font awesome-a style of hanging sky icon Plug-in Chinese full introduction _font

Source: Internet
Author: User

This is a plugin is not required to introduce a picture only a font file can make very many beautiful icon plug-ins, and these icons are vector, can be infinitely magnified, and can change the color, fort ...
Note that to look at the content must use IE9 or Chrome or Firefox browser, IE8 the antique is not effective (although said to support the IE7, but need to introduce a lot of things, too lazy to test = =)

Click to download (version 4.0.3)

How to use:
Four more folders after decompression:

1. Copy CSS and font folders to your site's directory, note that CSS and font folder is the same level of relationship, CSS inside there are two files one is font-awesome.css another is font-awesome.min.css, these two keep one on the line, the second is compressed, I use is compressed.
2. Introduce a section of code on your Web page 1 < link rel = "stylesheet" href = "Public/css/font-awesome.min.css" >

3. Create an I tag in the place where you want to add the icon (it's usually the I tag, and it's OK to test the other tags), for example:. 1 < I class = "Fa here Write icon name" ></i >

This is OK, here is the font awesome icon name Daquan (a total of 369 icons):

4.0 newly added 11 icons

Class Name: Fa-rub

Class Name: fa-ruble

Class Name: fa-rouble

Class Name: Fa-pagelines

Class Name: Fa-stack-exchange

Class Name: Fa-arrow-circle-o-right

Class Name: Fa-arrow-circle-o-left

Class Name: Fa-caret-square-o-left

Class Name: Fa-toggle-left

Class Name: Fa-dot-circle-o

Class Name: Fa-wheelchair

Class Name: Fa-vimeo-square

Class Name: Fa-try

Class Name: Fa-turkish-lira

Class Name: Fa-plus-square-o

Icons for WEB applications

Class Name: Fa-adjust

Class Name: Fa-anchor

Class Name: Fa-archive

Class Name: Fa-arrows

Class Name: Fa-arrows-h

Class Name: Fa-arrows-v

Class Name: Fa-asterisk

Class Name: Fa-ban

Class Name: Fa-bar-chart-o

Class Name: Fa-barcode

Class Name: Fa-bars

Class Name: Fa-beer

Class Name: Fa-bell

Class Name: Fa-bell-o

Class Name: Fa-bolt

Class Name: Fa-book

Class Name: Fa-bookmark

Class Name: Fa-bookmark-o

Class Name: Fa-briefcase

Class Name: Fa-bug

Class Name: Fa-building-o

Class Name: Fa-bullhorn

Class Name: Fa-bullseye

Class Name: Fa-calendar

Class Name: Fa-calendar-o

Class Name: Fa-camera

Class Name: Fa-camera-retro

Class Name: Fa-caret-square-o-down

Class Name: Fa-caret-square-o-left

Class Name: Fa-caret-square-o-right

Class Name: fa-caret-square-o-up

Class Name: Fa-certificate

Class Name: Fa-check

Class Name: Fa-check-circle

Class Name: Fa-check-circle-o

Class Name: Fa-check-square

Class Name: Fa-check-square-o

Class Name: Fa-circle

Class Name: Fa-circle-o

Class Name: Fa-clock-o

Class Name: Fa-cloud

Class Name: Fa-cloud-download

Class Name: Fa-cloud-upload

Class Name: Fa-code

Class Name: Fa-code-fork

Class Name: Fa-coffee

Class Name: FA-COG

Class Name: Fa-cogs

Class Name: Fa-comment

Class Name: Fa-comment-o

Class Name: Fa-comments

Class Name: Fa-comments-o

Class Name: Fa-compass

Class Name: Fa-credit-card

Class Name: Fa-crop

Class Name: Fa-crosshairs

Class Name: Fa-cutlery

Class Name: Fa-dashboard

Class Name: Fa-desktop

Class Name: Fa-dot-circle-o

Class Name: Fa-download

Class Name: Fa-edit

Class Name: Fa-ellipsis-h

Class Name: Fa-ellipsis-v

Class Name: Fa-envelope

Class Name: Fa-envelope-o

Class Name: Fa-eraser

Class Name: Fa-exchange

Class Name: Fa-exclamation

Class Name: Fa-exclamation-circle

Class Name: Fa-exclamation-triangle

Class Name: Fa-external-link

Class Name: Fa-external-link-square

Class Name: Fa-eye

Class Name: Fa-eye-slash

Class Name: Fa-female

Class Name: Fa-fighter-jet

Class Name: Fa-film

Class Name: Fa-filter

Class Name: Fa-fire

Class Name: Fa-fire-extinguisher

Class Name: Fa-flag

Class Name: fa-flag-checkered

Class Name: Fa-flag-o

Class Name: Fa-flash

Class Name: Fa-flask

Class Name: Fa-folder

Class Name: Fa-folder-o

Class Name: Fa-folder-open

Class Name: Fa-folder-open-o

Class Name: Fa-frown-o

Class Name: Fa-gamepad

Class Name: Fa-gavel

Class Name: Fa-gear

Class Name: Fa-gears

Class Name: Fa-gift

Class Name: Fa-glass

Class Name: Fa-globe

Class Name: Fa-group

Class Name: Fa-hdd-o

Class Name: Fa-headphones

Class Name: Fa-heart

Class Name: Fa-heart-o

Class Name: Fa-home

Class Name: Fa-inbox

Class Name: Fa-info

Class Name: Fa-info-circle

Class Name: Fa-key

Class Name: Fa-keyboard-o

Class Name: Fa-laptop

Class Name: Fa-leaf

Class Name: Fa-legal

Class Name: Fa-lemon-o

Class Name: Fa-level-down

Class Name: fa-level-up

Class Name: Fa-lightbulb-o

Class Name: Fa-location-arrow

Class Name: Fa-lock

Class Name: Fa-magic

Class Name: Fa-magnet

Class Name: Fa-mail-forward

Class Name: fa-mail-reply

Class Name: Fa-mail-reply-all

Class Name: Fa-male

Class Name: Fa-map-marker

Class Name: Fa-meh-o

Class Name: Fa-microphone

Class Name: Fa-microphone-slash

Class Name: Fa-minus

Class Name: Fa-minus-circle

Class Name: Fa-minus-square

Class Name: Fa-minus-square-o

Class Name: Fa-mobile

Class Name: Fa-mobile-phone

Class Name: Fa-money

Class Name: Fa-moon-o

Class Name: Fa-music

Class Name: Fa-pencil

Class Name: Fa-pencil-square

Class Name: Fa-pencil-square-o

Class Name: Fa-phone

Class Name: Fa-phone-square

Class Name: Fa-picture-o

Class Name: Fa-plane

Class Name: Fa-plus

Class Name: Fa-plus-circle

Class Name: Fa-plus-square

Class Name: Fa-plus-square-o

Class Name: Fa-power-off

Class Name: Fa-print

Class Name: Fa-puzzle-piece

Class Name: Fa-qrcode

Class Name: Fa-question

Class Name: Fa-question-circle

Class Name: Fa-quote-left

Class Name: Fa-quote-right

Class Name: Fa-random

Class Name: Fa-refresh

Class Name: fa-reply

Class Name: Fa-reply-all

Class Name: Fa-retweet

Class Name: Fa-road

Class Name: Fa-rocket

Class Name: Fa-rss

Class Name: Fa-rss-square

Class Name: Fa-search

Class Name: Fa-search-minus

Class Name: Fa-search-plus

Class Name: Fa-share

Class Name: Fa-share-square

Class Name: Fa-share-square-o

Class Name: Fa-shield

Class Name: Fa-shopping-cart

Class Name: fa-sign-in

Class Name: Fa-sign-out

Class Name: Fa-signal

Class Name: Fa-sitemap

Class Name: Fa-smile-o

Class Name: Fa-sort

Class Name: FA-SORT-ALPHA-ASC

Class Name: Fa-sort-alpha-desc

Class Name: FA-SORT-AMOUNT-ASC

Class Name: Fa-sort-amount-desc

Class Name: FA-SORT-ASC

Class Name: Fa-sort-desc

Class Name: Fa-sort-down

Class Name: FA-SORT-NUMERIC-ASC

Class Name: Fa-sort-numeric-desc

Class Name: fa-sort-up

Class Name: Fa-spinner

Class Name: Fa-square

Class Name: Fa-square-o

Class Name: Fa-star

Class Name: Fa-star-half

Class Name: Fa-star-half-empty

Class Name: Fa-star-half-full

Class Name: Fa-star-half-o

Class Name: Fa-star-o

Class Name: Fa-subscript

Class Name: Fa-suitcase

Class Name: Fa-sun-o

Class Name: Fa-superscript

Class Name: Fa-tablet

Class Name: Fa-tachometer

Class Name: Fa-tag

Class Name: Fa-tags

Class Name: Fa-tasks

Class Name: Fa-terminal

Class Name: Fa-thumb-tack

Class Name: Fa-thumbs-down

Class Name: Fa-thumbs-o-down

Class Name: fa-thumbs-o-up

Class Name: fa-thumbs-up

Class Name: Fa-ticket

Class Name: Fa-times

Class Name: Fa-times-circle

Class Name: Fa-times-circle-o

Class Name: Fa-tint

Class Name: Fa-toggle-down

Class Name: Fa-toggle-left

Class Name: Fa-toggle-right

Class Name: fa-toggle-up

Class Name: Fa-trash-o

Class Name: Fa-trophy

Class Name: Fa-truck

Class Name: Fa-umbrella

Class Name: Fa-unlock

Class Name: Fa-unlock-alt

Class Name: fa-unsorted

Class Name: Fa-upload

Class Name: Fa-user

Class Name: Fa-users

Class Name: Fa-video-camera

Class Name: Fa-volume-down

Class Name: Fa-volume-off

Class Name: fa-volume-up

Class Name: fa-warning

Class Name: Fa-wheelchair

Class Name: Fa-wrench

form icon

Class Name: Fa-check-square

Class Name: Fa-check-square-o

Class Name: Fa-circle

Class Name: Fa-circle-o

Class Name: Fa-dot-circle-o

Class Name: Fa-minus-square

Class Name: Fa-minus-square-o

Class Name: Fa-plus-square

Class Name: Fa-plus-square-o

Class Name: Fa-square

Class Name: Fa-square-o

Coin icon

Class Name: Fa-bitcoin

Class Name: FA-BTC

Class Name: FA-CNY

Class Name: Fa-dollar

Class Name: Fa-eur

Class Name: Fa-euro

Class Name: FA-GBP

Class Name: Fa-inr

Class Name: FA-JPY

Class Name: FA-KRW

Class Name: Fa-money

Class Name: FA-RMB

Class Name: fa-rouble

Class Name: Fa-rub

Class Name: fa-ruble

Class Name: Fa-rupee

Class Name: Fa-try

Class Name: Fa-turkish-lira

Class Name: FA-USD

Class Name: Fa-won

Class Name: Fa-yen

Text Editor icon

Class Name: Fa-align-center

Class Name: Fa-align-justify

Class Name: Fa-align-left

Class Name: Fa-align-right

Class Name: Fa-bold

Class Name: Fa-chain

Class Name: Fa-chain-broken

Class Name: Fa-clipboard

Class Name: Fa-columns

Class Name: Fa-copy

Class Name: Fa-cut

Class Name: Fa-dedent

Class Name: Fa-eraser

Class Name: Fa-file

Class Name: Fa-file-o

Class Name: Fa-file-text

Class Name: Fa-file-text-o

Class Name: Fa-files-o

Class Name: Fa-floppy-o

Class Name: Fa-font

Class Name: Fa-indent

Class Name: Fa-italic

Class Name: Fa-link

Class Name: Fa-list

Class Name: Fa-list-alt

Class Name: Fa-list-ol

Class Name: Fa-list-ul

Class Name: Fa-outdent

Class Name: Fa-paperclip

Class Name: Fa-paste

Class Name: Fa-repeat

Class Name: Fa-rotate-left

Class Name: Fa-rotate-right

Class Name: Fa-save

Class Name: Fa-scissors

Class Name: Fa-strikethrough

Class Name: fa-table

Class Name: Fa-text-height

Class Name: Fa-text-width

Class Name: fa-th

Class Name: Fa-th-large

Class Name: Fa-th-list

Class Name: Fa-underline

Class Name: Fa-undo

Class Name: Fa-unlink

icon to indicate direction

Class Name: Fa-angle-double-down

Class Name: Fa-angle-double-left

Class Name: Fa-angle-double-right

Class Name: fa-angle-double-up

Class Name: Fa-angle-down

Class Name: Fa-angle-left

Class Name: Fa-angle-right

Class Name: fa-angle-up

Class Name: Fa-arrow-circle-down

Class Name: Fa-arrow-circle-left

Class Name: Fa-arrow-circle-o-down

Class Name: Fa-arrow-circle-o-left

Class Name: Fa-arrow-circle-o-right

Class Name: fa-arrow-circle-o-up

Class Name: Fa-arrow-circle-right

Class Name: fa-arrow-circle-up

Class Name: Fa-arrow-down

Class Name: Fa-arrow-left

Class Name: Fa-arrow-right

Class Name: fa-arrow-up

Class Name: Fa-arrows

Class Name: Fa-arrows-alt

Class Name: Fa-arrows-h

Class Name: Fa-arrows-v

Class Name: Fa-caret-down

Class Name: Fa-caret-left

Class Name: Fa-caret-right

Class Name: Fa-caret-square-o-down

Class Name: Fa-caret-square-o-left

Class Name: Fa-caret-square-o-right

Class Name: fa-caret-square-o-up

Class Name: fa-caret-up

Class Name: Fa-chevron-circle-down

Class Name: Fa-chevron-circle-left

Class Name: Fa-chevron-circle-right

Class Name: fa-chevron-circle-up

Class Name: Fa-chevron-down

Class Name: Fa-chevron-left

Class Name: Fa-chevron-right

Class Name: fa-chevron-up

Class Name: Fa-hand-o-down

Class Name: Fa-hand-o-left

Class Name: Fa-hand-o-right

Class Name: fa-hand-o-up

Class Name: Fa-long-arrow-down

Class Name: Fa-long-arrow-left

Class Name: Fa-long-arrow-right

Class Name: fa-long-arrow-up

Class Name: Fa-toggle-down

Class Name: Fa-toggle-left

Class Name: Fa-toggle-right

Class Name: fa-toggle-up

Video player icon

Class Name: Fa-arrows-alt

Class Name: Fa-backward

Class Name: Fa-compress

Class Name: Fa-eject

Class Name: Fa-expand

Class Name: Fa-fast-backward

Class Name: Fa-fast-forward

Class Name: Fa-forward

Class Name: Fa-pause

Class Name: Fa-play

Class Name: Fa-play-circle

Class Name: Fa-play-circle-o

Class Name: Fa-step-backward

Class Name: Fa-step-forward

Class Name: Fa-stop

Class Name: Fa-youtube-play

Brand icon

Class Name: Fa-adn

Class Name: Fa-android

Class Name: Fa-apple

Class Name: Fa-bitbucket

Class Name: Fa-bitbucket-square

Class Name: Fa-bitcoin

Class Name: FA-BTC

Class Name: FA-CSS3

Class Name: fa-dribbble

Class Name: Fa-dropbox

Class Name: Fa-facebook

Class Name: Fa-facebook-square

Class Name: Fa-flickr

Class Name: Fa-foursquare

Class Name: Fa-github

Class Name: Fa-github-alt

Class Name: Fa-github-square

Class Name: Fa-gittip

Class Name: Fa-google-plus

Class Name: Fa-google-plus-square

Class Name: FA-HTML5

Class Name: Fa-instagram

Class Name: Fa-linkedin

Class Name: Fa-linkedin-square

Class Name: Fa-linux

Class Name: Fa-maxcdn

Class Name: Fa-pagelines

Class Name: Fa-pinterest

Class Name: Fa-pinterest-square

Class Name: Fa-renren

Class Name: Fa-skype

Class Name: Fa-stack-exchange

Class Name: Fa-stack-overflow

Class Name: Fa-trello

Class Name: Fa-tumblr

Class Name: Fa-tumblr-square

Class Name: Fa-twitter

Class Name: Fa-twitter-square

Class Name: Fa-vimeo-square

Class Name: FA-VK

Class Name: Fa-weibo

Class Name: Fa-windows

Class Name: fa-xing

Class Name: Fa-xing-square

Class Name: Fa-youtube

Class Name: Fa-youtube-play

Class Name: Fa-youtube-square

Medical icons

Class Name: Fa-ambulance

Class Name: Fa-h-square

Class Name: Fa-hospital-o

Class Name: Fa-medkit

Class Name: Fa-plus-square

Class Name: Fa-stethoscope

Class Name: FA-USER-MD

Class Name: Fa-wheelchair

Font Awesome official website: http://fontawesome.io/


from:http://www.8abd.com/?p=1142

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.