[align=center][size=large]font awesome應用詳解[/size][/align]
[b]1.1概述[/b]
font awesome提供可縮放的向量圖示，可以使用css所提供的所有特性對其進行更改，包括：大小、顏色、陰影或者其它任何支援的效果。
font awesome的缺點是：對ie6等瀏覽器相容性不是很好，不過最新版本(4.2.0以後的版本)和ie7完美相容。
[b]1.2本地使用
1.2.1推薦位址[/b]
[b]1.2.2引用[/b]
css — 字型的引入,圖示基礎樣式,大小等。
fonts — css需要引用字型資料夾,本地使用者需要安裝內部的fontawesome-webfont.ttf(css引入字型)。
less — 各種引數自定義的less檔案,用來自定義font awesome。
sass — 各種引數自定義的sass檔案,用來自定義font awesome。
sass和less都是css預處理器。
2、把css資料夾和fonts資料夾複製到專案根目錄下並在html檔案中引文font-awesome.min.css檔案即可。
[color=red]注意：生產環境建議用壓縮版本,非壓縮版本建議學習使用。[/color]
[b]1.2.3圖示引用及設定[/b]
1、圖示的引用
font awesome是為使用內聯元素而設計的，通常使用標籤，因為其更簡潔。但實際上使用標籤才更加語義化。引用方法則是使用css類，類名是字首fa，再加上圖示名稱。
例：
2、圖示設定
(一)規格引數
使用fa-lg (比常規圖示大33%), fa-2x, fa-3x, fa-4x, or fa-5x(2x~5x都是常規圖示大小的倍數)這些類等比縮放圖示大小。
例：
(二)固定圖示大小
使用fa-fw類給圖示設定為乙個固定寬度。主要用於不同寬度圖示無法對齊的情況，尤其在列表或導航時起到重要的作用。
(三)圖示定位
使用pull-right(定位在右邊)和pull-left(定位在左邊)類可以控制圖示位置,是文字環繞。
例：
(四)為圖示新增邊框
使用fa-border類可以給圖示加乙個邊框。
例：
(五)旋轉圖示
使用fa-rotate-旋轉度數類來控制圖示的旋轉度數，使用fa-flip-引數(horizontal/vertical)類來控制圖示水平和垂直。
例：
(六)圖示動畫
使用fa-spin和fa-pulse類給圖示設定乙個旋轉動畫。spin的速度是linear(勻速),一圈2s，pulse分為八步,一圈時間1s。
例：
(七)列表圖示
使用fa-ul和fa-li類便可以簡單地將無序列表的預設符號替換掉。
(八)組合圖示
使用fa-stack類作為父級盒子組合子元素生成的物件，可以使用規格引數。使用fa-stack-2x類作為背景的棧,要大於顯示圖形的棧，使用fa-stack-1x類作為背景棧內部的內容,要小於背景棧。另外使用fa-inverse類來反轉圖示的顏色,生成可見圖示組。
例1：
例2：
Font Awesome使用簡介
font awesome 是一種用字型來實現圖示的 css外掛程式。使用方法 到 包解壓到本地後，結構如下 在網頁中引用 css font awesome.css 或者css font awesome.min.css 比如 在網頁中用如下的方式來顯示圖示。效果如下 既然是一種字型，就可以通過改變字型...
Font Awesome 使用指南
font awesome 簡稱fa 是一套圖示庫，有這些優良的特性 除了讓使用者可以在1000多個高質量圖示內選擇圖示之外 無極縮放。如何字型一樣使用圖示，指定大小即可，不必擔心變大後圖示變形的問題 可以指定顏色，背景色，就如同字型一樣 實際上，技術上來說，這套圖示不再是乙個個的，而是一套字型，如同...
WPF 新增字型，fontawesome
wpf使用字型時，可以不在系統中進行安裝，直接引用字型檔案就可以。這是乙個不錯的效能，這樣盡可能保持了程式本身的自管理。經常有一些需求需要引用一些常見圖示，fontawesome就是乙個不錯的選擇。向量字元充當圖示與點陣圖相比有他自身的優勢，這裡就不展開說了。那麼wpf程式中，如何引用字元圖示呢？準...