Font Awesome-一款吊炸天的字体图标插件中文全介绍
这款插件是一个不需要图片只需要引入一个字体文件就能制作非常多精美的图标插件，而且这些图标都是矢量的，可以无限放大，而且可以随意的改变颜色，碉堡了！！！
注意，要看一下内容必须用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 这里写图标的名称"
>
|
这样就可以了，下面是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