字體圖標學習

Font Awesome 是一套專門爲 Twitter Boostrap 設計的圖標字體庫。這套圖標字體集幾乎囊括了網頁中可能用到的全部圖標，除了包括 Twitter Boostrap 的默認圖標外，還有社交網絡圖標、Web 應用程序圖標和編輯器圖標等等，能夠免費用於商業項目

主要特點：

• ✓  一種字體，249個圖標，是網頁操做的象形語言；
• ✓  純 CSS 控制，可以輕鬆定義圖標的顏色、大小、陰影以及任何 CSS 可以實現的效果；
• ✓  無限縮放，矢量圖標在任何尺寸下都如出一轍；
• ✓  無償使用，包括商業和非商業項目；
• ✓  支持 Internet Explorer 7 瀏覽器；
• ✓  可以在 Retina 屏幕完美呈現；
• ✓  徹底兼容 Twitter Boostrap 最新版本；
• ✓  對設計師友好，設計師可以輕鬆使用；
• ✓  和其它圖標字體不一樣，兼容屏幕閱讀器

使用方法

　　使用 CSS：

1. 拷貝 Font Awesome 字體目錄到項目中；
2. 拷貝 font-awesome.min.css 文件到項目中；
3. 修改 font-awesome.min.css 文件中的字體路徑到正確的位置；
4. 在頁面的 head 裏引入 font-awesome.min.css 文件：

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

　　使用 LESS：

1. 拷貝 Font Awesome 字體目錄到你的項目中；
2. 拷貝 font-awesome.less 文件到 bootstrap/less 目錄。
3. 打開 bootstrap.less 文件並替換 @import "sprites.less"; 爲 @import "font-awesome.less";
4. 編輯 elusive-webfont.less 文件的 @FontAwesomePath 變量爲字體路徑：

@FontAwesomePath:   "../font";

　　而後從新進行 LESS 編譯就能夠了。