這款插件是一個不需要圖片只需要引入一個字體文件就能制作非常多精美的圖標插件，而且這些圖標都是矢量的，可以無限放大，而且可以隨意的改變顏色，碉堡了！！！
注意，要看一下內容必須用ie9以上或者是chrome或者是火狐瀏覽器瀏覽，ie8一下古董沒效果（雖然說是支持ie7的，但是需要引入很多東西，懶得測試= =）

點擊下載（版本4.0.3）

使用方法：
解壓之后又四個文件夾：

1.把css和font文件夾拷貝到你的網站的目錄下面，要注意的是css和font文件夾是同級的關系，css里面有兩個文件一個是font-awesome.css另一個是font-awesome.min.css，這兩個保留一個就行了，第二個是壓縮的，我用的就是壓縮的。
2.在你的網頁引入一段代碼

1	<link rel="stylesheet" href="public/css/font-awesome.min.css">

3.在你想加入圖標的地方建立一個i標簽（一般都是i標簽，測試一下其他的標簽也是可以的），例如：。

1	<i class="fa 這里寫圖標的名稱"></i>

這樣就可以了，下面是Font Awesome圖標的名稱大全（共369個圖標）：

4.0新加的11個圖標

class名稱： fa-rub

class名稱： fa-ruble

class名稱： fa-rouble

class名稱： fa-pagelines

class名稱： fa-stack-exchange

class名稱： fa-arrow-circle-o-right

class名稱： fa-arrow-circle-o-left

class名稱： fa-caret-square-o-left

class名稱： fa-toggle-left

class名稱： fa-dot-circle-o

class名稱： fa-wheelchair

class名稱： fa-vimeo-square

class名稱： fa-try

class名稱： fa-turkish-lira

class名稱： fa-plus-square-o

適合 Web 應用的圖標

class名稱： fa-adjust

class名稱： fa-anchor

class名稱： fa-archive

class名稱： fa-arrows

class名稱： fa-arrows-h

class名稱： fa-arrows-v

class名稱： fa-asterisk

class名稱： fa-ban

class名稱： fa-bar-chart-o

class名稱： fa-barcode

class名稱： fa-bars

class名稱： fa-beer

class名稱： fa-bell

class名稱： fa-bell-o

class名稱： fa-bolt

class名稱： fa-book

class名稱： fa-bookmark

class名稱： fa-bookmark-o

class名稱： fa-briefcase

class名稱： fa-bug

class名稱： fa-building-o

class名稱： fa-bullhorn

class名稱： fa-bullseye

class名稱： fa-calendar

class名稱： fa-calendar-o

class名稱： fa-camera

class名稱： fa-camera-retro

class名稱： fa-caret-square-o-down

class名稱： fa-caret-square-o-left

class名稱： fa-caret-square-o-right

class名稱： fa-caret-square-o-up

class名稱： fa-certificate

class名稱： fa-check

class名稱： fa-check-circle

class名稱： fa-check-circle-o

class名稱： fa-check-square

class名稱： fa-check-square-o

class名稱： fa-circle

class名稱： fa-circle-o

class名稱： fa-clock-o

class名稱： fa-cloud

class名稱： fa-cloud-download

class名稱： fa-cloud-upload

class名稱： fa-code

class名稱： fa-code-fork

class名稱： fa-coffee

class名稱： fa-cog

class名稱： fa-cogs

class名稱： fa-comment

class名稱： fa-comment-o

class名稱： fa-comments

class名稱： fa-comments-o

class名稱： fa-compass

class名稱： fa-credit-card

class名稱： fa-crop

class名稱： fa-crosshairs

class名稱： fa-cutlery

class名稱： fa-dashboard

class名稱： fa-desktop

class名稱： fa-dot-circle-o

class名稱： fa-download

class名稱： fa-edit

class名稱： fa-ellipsis-h

class名稱： fa-ellipsis-v

class名稱： fa-envelope

class名稱： fa-envelope-o

class名稱： fa-eraser

class名稱： fa-exchange

class名稱： fa-exclamation

class名稱： fa-exclamation-circle

class名稱： fa-exclamation-triangle

class名稱： fa-external-link

class名稱： fa-external-link-square

class名稱： fa-eye

class名稱： fa-eye-slash

class名稱： fa-female

class名稱： fa-fighter-jet

class名稱： fa-film

class名稱： fa-filter

class名稱： fa-fire

class名稱： fa-fire-extinguisher

class名稱： fa-flag

class名稱： fa-flag-checkered

class名稱： fa-flag-o

class名稱： fa-flash

class名稱： fa-flask

class名稱： fa-folder

class名稱： fa-folder-o

class名稱： fa-folder-open

class名稱： fa-folder-open-o

class名稱： fa-frown-o

class名稱： fa-gamepad

class名稱： fa-gavel

class名稱： fa-gear

class名稱： fa-gears

class名稱： fa-gift

class名稱： fa-glass

class名稱： fa-globe

class名稱： fa-group

class名稱： fa-hdd-o

class名稱： fa-headphones

class名稱： fa-heart

class名稱： fa-heart-o

class名稱： fa-home

class名稱： fa-inbox

class名稱： fa-info

class名稱： fa-info-circle

class名稱： fa-key

class名稱： fa-keyboard-o

class名稱： fa-laptop

class名稱： fa-leaf

class名稱： fa-legal

class名稱： fa-lemon-o

class名稱： fa-level-down

class名稱： fa-level-up

class名稱： fa-lightbulb-o

class名稱： fa-location-arrow

class名稱： fa-lock

class名稱： fa-magic

class名稱： fa-magnet

class名稱： fa-mail-forward

class名稱： fa-mail-reply

class名稱： fa-mail-reply-all

class名稱： fa-male

class名稱： fa-map-marker

class名稱： fa-meh-o

class名稱： fa-microphone

class名稱： fa-microphone-slash

class名稱： fa-minus

class名稱： fa-minus-circle

class名稱： fa-minus-square

class名稱： fa-minus-square-o

class名稱： fa-mobile

class名稱： fa-mobile-phone

class名稱： fa-money

class名稱： fa-moon-o

class名稱： fa-music

class名稱： fa-pencil

class名稱： fa-pencil-square

class名稱： fa-pencil-square-o

class名稱： fa-phone

class名稱： fa-phone-square

class名稱： fa-picture-o

class名稱： fa-plane

class名稱： fa-plus

class名稱： fa-plus-circle

class名稱： fa-plus-square

class名稱： fa-plus-square-o

class名稱： fa-power-off

class名稱： fa-print

class名稱： fa-puzzle-piece

class名稱： fa-qrcode

class名稱： fa-question

class名稱： fa-question-circle

class名稱： fa-quote-left

class名稱： fa-quote-right

class名稱： fa-random

class名稱： fa-refresh

class名稱： fa-reply

class名稱： fa-reply-all

class名稱： fa-retweet

class名稱： fa-road

class名稱： fa-rocket

class名稱： fa-rss

class名稱： fa-rss-square

class名稱： fa-search

class名稱： fa-search-minus

class名稱： fa-search-plus

class名稱： fa-share

class名稱： fa-share-square

class名稱： fa-share-square-o

class名稱： fa-shield

class名稱： fa-shopping-cart

class名稱： fa-sign-in

class名稱： fa-sign-out

class名稱： fa-signal

class名稱： fa-sitemap

class名稱： fa-smile-o

class名稱： fa-sort

class名稱： fa-sort-alpha-asc

class名稱： fa-sort-alpha-desc

class名稱： fa-sort-amount-asc

class名稱： fa-sort-amount-desc

class名稱： fa-sort-asc

class名稱： fa-sort-desc

class名稱： fa-sort-down

class名稱： fa-sort-numeric-asc

class名稱： fa-sort-numeric-desc

class名稱： fa-sort-up

class名稱： fa-spinner

class名稱： fa-square

class名稱： fa-square-o

class名稱： fa-star

class名稱： fa-star-half

class名稱： fa-star-half-empty

class名稱： fa-star-half-full

class名稱： fa-star-half-o

class名稱： fa-star-o

class名稱： fa-subscript

class名稱： fa-suitcase

class名稱： fa-sun-o

class名稱： fa-superscript

class名稱： fa-tablet

class名稱： fa-tachometer

class名稱： fa-tag

class名稱： fa-tags

class名稱： fa-tasks

class名稱： fa-terminal

class名稱： fa-thumb-tack

class名稱： fa-thumbs-down

class名稱： fa-thumbs-o-down

class名稱： fa-thumbs-o-up

class名稱： fa-thumbs-up

class名稱： fa-ticket

class名稱： fa-times

class名稱： fa-times-circle

class名稱： fa-times-circle-o

class名稱： fa-tint

class名稱： fa-toggle-down

class名稱： fa-toggle-left

class名稱： fa-toggle-right

class名稱： fa-toggle-up

class名稱： fa-trash-o

class名稱： fa-trophy

class名稱： fa-truck

class名稱： fa-umbrella

class名稱： fa-unlock

class名稱： fa-unlock-alt

class名稱： fa-unsorted

class名稱： fa-upload

class名稱： fa-user

class名稱： fa-users

class名稱： fa-video-camera

class名稱： fa-volume-down

class名稱： fa-volume-off

class名稱： fa-volume-up

class名稱： fa-warning

class名稱： fa-wheelchair

class名稱： fa-wrench

表單圖標

class名稱： fa-check-square

class名稱： fa-check-square-o

class名稱： fa-circle

class名稱： fa-circle-o

class名稱： fa-dot-circle-o

class名稱： fa-minus-square

class名稱： fa-minus-square-o

class名稱： fa-plus-square

class名稱： fa-plus-square-o

class名稱： fa-square

class名稱： fa-square-o

錢幣圖標

class名稱： fa-bitcoin

class名稱： fa-btc

class名稱： fa-cny

class名稱： fa-dollar

class名稱： fa-eur

class名稱： fa-euro

class名稱： fa-gbp

class名稱： fa-inr

class名稱： fa-jpy

class名稱： fa-krw

class名稱： fa-money

class名稱： fa-rmb

class名稱： fa-rouble

class名稱： fa-rub

class名稱： fa-ruble

class名稱： fa-rupee

class名稱： fa-try

class名稱： fa-turkish-lira

class名稱： fa-usd

class名稱： fa-won

class名稱： fa-yen

文本編輯器圖標

class名稱： fa-align-center

class名稱： fa-align-justify

class名稱： fa-align-left

class名稱： fa-align-right

class名稱： fa-bold

class名稱： fa-chain

class名稱： fa-chain-broken

class名稱： fa-clipboard

class名稱： fa-columns

class名稱： fa-copy

class名稱： fa-cut

class名稱： fa-dedent

class名稱： fa-eraser

class名稱： fa-file

class名稱： fa-file-o

class名稱： fa-file-text

class名稱： fa-file-text-o

class名稱： fa-files-o

class名稱： fa-floppy-o

class名稱： fa-font

class名稱： fa-indent

class名稱： fa-italic

class名稱： fa-link

class名稱： fa-list

class名稱： fa-list-alt

class名稱： fa-list-ol

class名稱： fa-list-ul

class名稱： fa-outdent

class名稱： fa-paperclip

class名稱： fa-paste

class名稱： fa-repeat

class名稱： fa-rotate-left

class名稱： fa-rotate-right

class名稱： fa-save

class名稱： fa-scissors

class名稱： fa-strikethrough

class名稱： fa-table

class名稱： fa-text-height

class名稱： fa-text-width

class名稱： fa-th

class名稱： fa-th-large

class名稱： fa-th-list

class名稱： fa-underline

class名稱： fa-undo

class名稱： fa-unlink

指示方向的圖標

class名稱： fa-angle-double-down

class名稱： fa-angle-double-left

class名稱： fa-angle-double-right

class名稱： fa-angle-double-up

class名稱： fa-angle-down

class名稱： fa-angle-left

class名稱： fa-angle-right

class名稱： fa-angle-up

class名稱： fa-arrow-circle-down

class名稱： fa-arrow-circle-left

class名稱： fa-arrow-circle-o-down

class名稱： fa-arrow-circle-o-left

class名稱： fa-arrow-circle-o-right

class名稱： fa-arrow-circle-o-up

class名稱： fa-arrow-circle-right

class名稱： fa-arrow-circle-up

class名稱： fa-arrow-down

class名稱： fa-arrow-left

class名稱： fa-arrow-right

class名稱： fa-arrow-up

class名稱： fa-arrows

class名稱： fa-arrows-alt

class名稱： fa-arrows-h

class名稱： fa-arrows-v

class名稱： fa-caret-down

class名稱： fa-caret-left

class名稱： fa-caret-right

class名稱： fa-caret-square-o-down

class名稱： fa-caret-square-o-left

class名稱： fa-caret-square-o-right

class名稱： fa-caret-square-o-up

class名稱： fa-caret-up

class名稱： fa-chevron-circle-down

class名稱： fa-chevron-circle-left

class名稱： fa-chevron-circle-right

class名稱： fa-chevron-circle-up

class名稱： fa-chevron-down

class名稱： fa-chevron-left

class名稱： fa-chevron-right

class名稱： fa-chevron-up

class名稱： fa-hand-o-down

class名稱： fa-hand-o-left

class名稱： fa-hand-o-right

class名稱： fa-hand-o-up

class名稱： fa-long-arrow-down

class名稱： fa-long-arrow-left

class名稱： fa-long-arrow-right

class名稱： fa-long-arrow-up

class名稱： fa-toggle-down

class名稱： fa-toggle-left

class名稱： fa-toggle-right

class名稱： fa-toggle-up

視頻播放器圖標

class名稱： fa-arrows-alt

class名稱： fa-backward

class名稱： fa-compress

class名稱： fa-eject

class名稱： fa-expand

class名稱： fa-fast-backward

class名稱： fa-fast-forward

class名稱： fa-forward

class名稱： fa-pause

class名稱： fa-play

class名稱： fa-play-circle

class名稱： fa-play-circle-o

class名稱： fa-step-backward

class名稱： fa-step-forward

class名稱： fa-stop

class名稱： fa-youtube-play

品牌圖標

class名稱： fa-adn

class名稱： fa-android

class名稱： fa-apple

class名稱： fa-bitbucket

class名稱： fa-bitbucket-square

class名稱： fa-bitcoin

class名稱： fa-btc

class名稱： fa-css3

class名稱： fa-dribbble

class名稱： fa-dropbox

class名稱： fa-facebook

class名稱： fa-facebook-square

class名稱： fa-flickr

class名稱： fa-foursquare

class名稱： fa-github

class名稱： fa-github-alt

class名稱： fa-github-square

class名稱： fa-gittip

class名稱： fa-google-plus

class名稱： fa-google-plus-square

class名稱： fa-html5

class名稱： fa-instagram

class名稱： fa-linkedin

class名稱： fa-linkedin-square

class名稱： fa-linux

class名稱： fa-maxcdn

class名稱： fa-pagelines

class名稱： fa-pinterest

class名稱： fa-pinterest-square

class名稱： fa-renren

class名稱： fa-skype

class名稱： fa-stack-exchange

class名稱： fa-stack-overflow

class名稱： fa-trello

class名稱： fa-tumblr

class名稱： fa-tumblr-square

class名稱： fa-twitter

class名稱： fa-twitter-square

class名稱： fa-vimeo-square

class名稱： fa-vk

class名稱： fa-weibo

class名稱： fa-windows

class名稱： fa-xing

class名稱： fa-xing-square

class名稱： fa-youtube

class名稱： fa-youtube-play

class名稱： fa-youtube-square

醫療圖標

class名稱： fa-ambulance

class名稱： fa-h-square

class名稱： fa-hospital-o

class名稱： fa-medkit

class名稱： fa-plus-square

class名稱： fa-stethoscope

class名稱： fa-user-md

class名稱： fa-wheelchair

Font Awesome 官網：?http://fontawesome.io/

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

總結

以上是生活随笔為你收集整理的Font Awesome-一款吊炸天的字体图标插件中文全介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。