FontAwesome v4.7.0 PS Web字體圖標插件

FontAwesome是一款作用于Photoshop上的Web字體圖標插件，你只需要用CSS引入就能出現(xiàn)在Photoshop中，插件中所包含的圖標有585個，可以滿足設計師的日常需求。需要的朋友歡迎下載使用。

安裝方法

將TTF文件安裝到系統(tǒng)的字體目錄。在PS或AI上使用Font Awesome圖標字體

打開Cheatsheet頁面：fortawesome.github.io/Font-Awesome/cheatsheet/，選中你需要的圖標，復制

在PS或AI上粘貼上去(文字輸入狀態(tài)下)，這時你可能看到有點異常，那是因為我們沒有選擇字體，把字體選擇為Font Awesome就OK了

使用方法

最簡單的 Bootstrap + Font Awesome 集成方式使用這種方式將 Font Awesome 集成到默認的 Bootstrap CSS中。

拷貝 Font Awesome 字體目錄到你的項目中。將font-awesome.min.css 文件放到你的項目中。

打開你的項目中的 font-awesome.min.css 文件并編輯字體路徑指向正確的位置。

在html文檔中的部分，引入 font-awesome.min.css 文件。

在瀏覽器中打開頁面，檢查是否正確啟用了 Font Awesome

自定義 Bootstrap + Font Awesome LESS文件的方式進行集成修改Bootstrap的LESS文件以集成 Font Awesome。

Font Awesome。拷貝 Font Awesome 字體目錄到你的項目中。

拷貝 font-awesome.less 文件到 bootstrap/less 目錄。

打開 bootstrap.less 文件，并將 @import "sprites.less"; 替換為 @import "font-awesome.less";

打開你的項目中的 font-awesome.less 文件，并編輯 @FontAwesomePath 變量，將其值替換為指向字體文件的正確路徑。

重新編譯Bootstrap的所有 LESS 文件。如果你使用的是less.js腳本動態(tài)編譯的話就能直接在瀏覽器中看到效果了。

在瀏覽器中打開頁面，檢查是否正確啟用了 Font Awesome!

軟件特色

Font Awesome是完全免費的，無論個人還是商業(yè)使用。詳見 協(xié)議。

支持IE7及以上瀏覽器

Font Awesome 中包含的都是矢量圖標，在高分辨率的顯示器上也能完美呈現(xiàn)。

Font Awesome是完全從頭設計的整套圖標，完全和Bootstrap 2.2.2版本兼容.

安裝 FontAwesome.otf 字體文件，然后在這個頁面直接拷貝粘貼圖標字符的代碼就可以用于你的設計中了。

Font Awesome 不會阻止屏幕閱讀器，這和其他圖標字體的行為方式完全不同。