直接在CSS中引⽤FONTAWESOME图标（附码表）因此我们如果不想⽤ Fontawesome 提供的类，只想在 css ⾥⾯引⽤图标的话，可以这样⼦，请⾃⾏脑补：
.icon:before {
content:'\f006';
font-family: FontAwesome;
}
同时附上图标类对应的字符编码表：
NAME CODE NAME CODE
.fa-glass\f000.fa-github-alt\f113
.fa-music\f001.fa-folder-o\f114
.fa-search\f002.fa-folder-open-o\f115
.fa-envelope-o\f003.fa-smile-o\f118
.fa-heart\f004.fa-frown-o\f119
.fa-star\f005.fa-meh-o\f11a
.fa-star-o\f006.fa-gamepad\f11b
.fa-user\f007.fa-keyboard-o\f11c
.fa-film\f008.fa-flag-o\f11d
.fa-th-large\f009.fa-flag-checkered\f11e
.fa-th\f00a.fa-terminal\f120
.fa-th-list\f00b.fa-code\f121
.fa-check\f00c.fa-mail-reply-all\f122
.fa-remove\f00d.fa-reply-all\f122
.fa-close\f00d.fa-star-half-empty\f123
.
fa-times\f00d.fa-star-half-full\f123
.fa-search-plus\f00e.fa-star-half-o\f123
.fa-search-minus\f010.fa-location-arrow\f124
.fa-power-off\f011.fa-crop\f125
.fa-signal\f012.fa-code-fork\f126
.fa-gear\f013.fa-unlink\f127
.fa-cog\f013.fa-chain-broken\f127
.fa-trash-o\f014.fa-question\f128
.fa-home\f015.fa-info\f129
.fa-file-o\f016.fa-exclamation\f12a
.fa-clock-o\f017.fa-superscript\f12b
.
fa-road\f018.fa-subscript\f12c
.fa-download\f019.fa-eraser\f12d
.fa-arrow-circle-o-down\f01a.fa-puzzle-piece\f12e
.fa-arrow-circle-o-up\f01b.fa-microphone\f130
.fa-inbox\f01c.fa-microphone-slash\f131
.fa-play-circle-o\f01d.fa-shield\f132
.fa-rotate-right\f01e.fa-calendar-o\f133
NAME CODE NAME CODE .fa-repeat\f01e.fa-fire-extinguisher\f134
.fa-refresh\f021.fa-rocket\f135
.fa-list-alt\f022.fa-maxcdn\f136
.fa-lock\f023.fa-chevron-circle-left\f137
.
fa-flag\f024.fa-chevron-circle-right\f138
.fa-headphones\f025.fa-chevron-circle-up\f139
.fa-volume-off\f026.fa-chevron-circle-down\f13a
.fa-volume-down\f027.fa-html5\f13b
.fa-volume-up\f028.fa-css3\f13c
.fa-qrcode\f029.fa-anchor\f13d
.fa-barcode\f02a.fa-unlock-alt\f13e
.fa-tag\f02b.fa-bullseye\f140
.fa-tags\f02c.fa-ellipsis-h\f141
.fa-book\f02d.fa-ellipsis-v\f142
.fa-bookmark\f02e.fa-rss-square\f143
.
fa-print\f02f.fa-play-circle\f144
.fa-camera\f030.fa-ticket\f145
.fa-font\f031.fa-minus-square\f146
.fa-bold\f032.fa-minus-square-o\f147
.fa-italic\f033.fa-level-up\f148
.fa-text-height\f034.fa-level-down\f149
.fa-text-width\f035.fa-check-square\f14a
.fa-align-left\f036.fa-pencil-square\f14b
.fa-align-center\f037.fa-external-link-square\f14c
.fa-align-right\f038.fa-share-square\f14d
.fa-align-justify\f039.fa-compass\f14e
.
fa-list\f03a.fa-toggle-down\f150
.fa-dedent\f03b.fa-caret-square-o-down\f150
.fa-outdent\f03b.fa-toggle-up\f151
.fa-indent\f03c.fa-caret-square-o-up\f151
.fa-video-camera\f03d.fa-toggle-right\f152
.fa-photo\f03e.fa-caret-square-o-right\f152
.fa-image\f03e.fa-euro\f153
.fa-pencil\f040.fa-gbp\f154 .fa-map-marker\f041.fa-dollar\f155 .fa-adjust\f042.fa-usd\f155 .fa-tint\f043.fa-rupee\f156 .fa-edit\f044.fa-inr\f156 .fa-pencil-square-o\f044.fa-cny\f157 .fa-share-square-o\f045.fa-rmb\f157
.fa-share-square-o\f045.fa-rmb\f157
.fa-arrows\f047.fa-jpy\f157 .fa-step-backward\f048.fa-ruble\f158 .fa-fast-backward\f049.fa-rouble\f158 .
fa-backward\f04a.fa-rub\f158 .fa-play\f04b.fa-won\f159 .fa-pause\f04c.fa-krw\f159 .fa-stop\f04d.fa-bitcoin\f15a .fa-forward\f04e.fa-btc\f15a .fa-fast-forward\f050.fa-file\f15b .fa-step-forward\f051.fa-file-text\f15c .fa-eject\f052.fa-sort-alpha-asc\f15d .fa-chevron-left\f053.fa-sort-alpha-desc\f15e .fa-chevron-right\f054.fa-sort-amount-asc\f160 .fa-plus-circle\f055.fa-sort-amount-desc\f161 .fa-minus-circle\f056.fa-sort-numeric-asc\f162 .fa-times-circle\f057.fa-sort-numeric-desc\f163 .fa-check-circle\f058.fa-thumbs-up\f164 .fa-question-circle\f059.fa-thumbs-down\f165 .fa-info-circle\f05a.fa-youtube-square\f166 .fa-crosshairs\f05b.fa-youtube\f167 .fa-times-circle-o\f05c.fa-xing\f168 .fa-check-circle-o\f05d.fa-xing-square\f169 .fa-ban\f05e.fa-youtube-play\f16a .fa-arrow-left\f060.fa-dropbox\f16b .fa-arrow-right\f061.fa-stack-overflow\f16c .fa-arrow-up\f062.fa-instagram\f16d .fa-arrow-down\f063.fa-flickr\f16e .fa-mail-forward\f064.fa-adn\f170 .fa-share\f064.fa-bitbucket\f171 .fa-expand\f065.fa-bitbucket-square\f172 .fa-compress\f066.fa-tumblr\f173 .fa-plus\f067.fa-tumblr-square\f174 .fa-minus\f068.fa-long-arrow-down\f175 .fa-asterisk\f069.fa-long-arrow-up\f176 .fa-exclamation-circle\f06a.fa-long-arrow-left\f177 .fa-gift\f06b.fa-long-arrow-right\f178 .fa-leaf\f06c.fa-apple\f179 .fa-fire\f06d.fa-windows\f17a .fa-eye\f06e.fa-android\f17b .fa-eye-slash\f070.fa-linux\f17c
.fa-eye-slash\f070.fa-linux\f17c
.fa-exclamation-triangle\f071.fa-skype\f17e .fa-plane\f072.fa-foursquare\f180 .fa-calendar\f073.fa-trell
o\f181 .fa-random\f074.fa-female\f182 .fa-comment\f075.fa-male\f183 .fa-magnet\f076.fa-gittip\f184 .fa-chevron-up\f077.fa-sun-o\f185 .fa-chevron-down\f078.fa-moon-o\f186 .fa-retweet\f079.fa-archive\f187 .fa-shopping-cart\f07a.fa-bug\f188 .fa-folder\f07b.fa-vk\f189 .fa-folder-open\f07c.fa-weibo\f18a .fa-arrows-v\f07d.fa-renren\f18b .fa-arrows-h\f07e.fa-pagelines\f18c .fa-bar-chart-o\f080.fa-stack-exchange\f18d .fa-bar-chart\f080.fa-arrow-circle-o-right\f18e .fa-twitter-square\f081.fa-arrow-circle-o-left\f190 .fa-facebook-square\f082.fa-toggle-left\f191 .fa-camera-retro\f083.fa-caret-square-o-left\f191 .fa-key\f084.fa-dot-circle-o\f192 .fa-gears\f085.fa-wheelchair\f193 .fa-cogs\f085.fa-vimeo-square\f194 .fa-comments\f086.fa-turkish-lira\f195 .fa-thumbs-o-up\f087.fa-try\f195 .fa-thumbs-o-down\f088.fa-plus-square-o\f196 .fa-star-half\f089.fa-space-shuttle\f197 .fa-heart-o\f08a.fa-slack\f198 .fa-sign-out\f08b.fa-envelope-square\f199 .fa-linkedin-square\f08c.fa-wordpress\f19a .fa-thumb-tack\f08d.fa-openid\f19b .fa-external-link\f08e.fa-institution\f19c .fa-sign-in\f090.fa-bank\f19c .fa-trophy\f091.fa-university\f19c .fa-github-square\f092.fa-mortar-board\f19d .fa-upload\f093.fa-graduation-cap\f19d .fa-lemon-o\f094.fa-yahoo\f19e .fa-phone\f095.fa-google\f1a0 .fa-square-o\f096.fa-reddit\f1a1 .fa-bookmark-o\f097.fa-reddit-square\f1a2
.fa-phone-square\f098.fa-stumbleupon-circle\f1a3 NAME CODE NAME CODE .fa-twitter\f099.fa-stumbleupon\f1a4
.fa-facebook\f09a.fa-delicious\f1a5
.fa-github\f09b.fa-digg\f1a6
.fa-unlock\f09c.fa-pied-piper\f1a7
.fa-credit-card\f09d.fa-pied-piper-alt\f1a8
.fa-rss\f09e.fa-drupal\f1a9
.fa-hdd-o\f0a0.fa-joomla\f1aa
.fa-bullhorn\f0a1.fa-language\f1ab
.fa-bell\f0f3.fa-fax\f1ac
.fa-certificate\f0a3.fa-building\f1ad
.fa-hand-o-right\f0a4.fa-child\f1ae
.fa-hand-o-left\f0a5.fa-paw\f1b0
.
fa-hand-o-up\f0a6.fa-spoon\f1b1
.fa-hand-o-down\f0a7.fa-cube\f1b2
.fa-arrow-circle-left\f0a8.fa-cubes\f1b3
.fa-arrow-circle-right\f0a9.fa-behance\f1b4
.fa-arrow-circle-up\f0aa.fa-behance-square\f1b5
.fa-arrow-circle-down\f0ab.fa-steam\f1b6
.fa-globe\f0ac.fa-steam-square\f1b7
.fa-wrench\f0ad.fa-recycle\f1b8
.fa-tasks\f0ae.fa-automobile\f1b9
icon图标库.fa-filter\f0b0.fa-car\f1b9 .fa-briefcase\f0b1.fa-cab\f1ba .fa-arrows-alt\f0b2.fa-taxi\f1ba .fa-group\f0c0.fa-tree\f1bb .fa-users\f0c0.fa-spotify\f1bc .fa-chain\f0c1.fa-deviantart\f1bd .fa-link\f0c1.fa-soundcloud\f1be .fa-cloud\f0c2.fa-database\f1c0 .fa-flask\f0c3.fa-file-pdf-o\f1c1 .fa-cut\f0c4.fa-file-wo
rd-o\f1c2 .fa-scissors\f0c4.fa-file-excel-o\f1c3 .fa-copy\f0c5.fa-file-powerpoint-o\f1c4 .fa-files-o\f0c5.fa-file-photo-o\f1c5 .fa-paperclip\f0c6.fa-file-picture-o\f1c5 .fa-save\f0c7.fa-file-image-o\f1c5 .fa-floppy-o\f0c7.fa-file-zip-o\f1c6 .fa-square\f0c8.fa-file-archive-o\f1c6 .fa-navicon\f0c9.fa-file-sound-o\f1c7 .fa-reorder\f0c9.fa-file-audio-o\f1c7

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。