Font Awesome 是一套專門為 Twitter Boostrap 設計的圖標字體庫。這套圖標字體集幾乎囊括了網頁中可能用到的所有圖標，除了包括 Twitter Boostrap 的默認圖標外，還有社交網絡圖標、Web 應用程序圖標和編輯器圖標等等，可以免費用於商業項目。
主要特色：
- ✓ 一種字體，249個圖標，是網頁操作的象形語言；
- ✓ 純 CSS 控制，能夠輕松定義圖標的顏色、大小、陰影以及任何 CSS 能夠實現的效果；
- ✓ 無限縮放，矢量圖標在任何尺寸下都一模一樣；
- ✓ 免費使用，包括商業和非商業項目；
- ✓ 支持 Internet Explorer 7 瀏覽器；
- ✓ 能夠在 Retina 屏幕完美呈現；
- ✓ 完全兼容 Twitter Boostrap 最新版本；
- ✓ 對設計師友好，設計師能夠輕松使用；
- ✓ 和其它圖標字體不同，兼容屏幕閱讀器；
使用方法
使用 CSS：
- 拷貝 Font Awesome 字體目錄到項目中；
- 拷貝 font-awesome.min.css 文件到項目中；
- 修改 font-awesome.min.css 文件中的字體路徑到正確的位置；
- 在頁面的 head 里引入 font-awesome.min.css 文件：
<link rel="stylesheet" href="../css/bootstrap.min.css"> <link rel="stylesheet" href="../css/font-awesome.min.css">
使用 LESS：
- 拷貝 Font Awesome 字體目錄到你的項目中；
- 拷貝 font-awesome.less 文件到 bootstrap/less 目錄。
- 打開 bootstrap.less 文件並替換 @import "sprites.less"; 為 @import "font-awesome.less";
- 編輯 elusive-webfont.less 文件的 @FontAwesomePath 變量為字體路徑：
@FontAwesomePath: "../font";
然后重新進行 LESS 編譯就可以了。
如何 GitHub 無法訪問，可能需要配置 hosts 才能訪問：
207.97.227.239 github.com 207.97.227.252 nodeload.github.com 207.97.227.243 raw.github.com 204.232.175.78 documentcloud.github.com
您可能感興趣的相關文章