好久沒來，雖說鄙人的人氣不咋地，但還是很想念自己這一畝二分田地。

近期用在平臺開發中，看著設計師擺開陣勢，準備大畫圖標，想著自己將會很KUBI拼湊css-sprite圖片，接著寫一大堆 class^="icon-XXXX"，此處空余千行淚。。。

其實，做前端的都有這樣的情緒，“我不想切圖標啊！！！”，本人甚是。就在茫然不知所措是，偶然在

http://www.bootcss.com/p/font-awesome/?發現了新大陸！！！真的是相見恨晚。

在此給出這個項目的簡介：

• 一個字體文件， 249 個圖標——一個字體文件包含了所有圖標。Font Awesome 助你完整表達web頁面上每個動作的含義。
• 用CSS能非常容易的改變這些圖標的顏色、大小、陰影以及任何CSS能控制的屬性。
• 矢量圖意味著每個圖標都能在所有大小的屏幕上完美呈現。
• Font Awesome是完全免費的，無論個人還是商業使用。
• Font Awesome支持IE7及以上瀏覽器。
• Font Awesome 中包含的都是矢量圖標，在高分辨率的顯示器上也能完美呈現。
• Font Awesome是完全從頭設計的整套圖標，完全和Bootstrap 2.2.2版本兼容。
• 安裝 FontAwesome.otf 字體文件，然后在這個頁面直接拷貝粘貼圖標字符的代碼就可以用于你的設計中了。?
• Font Awesome 不會阻止屏幕閱讀器，這和其他圖標字體的行為方式完全不同。

到這里，我只能說，這個太給力了！

如果你是一枚前端開發，使用這個工具，需要你做的僅僅是熟悉這個字體庫的命名規則，避免與其命名沖突。剩下的，開始享受你的工作吧！

?

項目地址：http://www.bootcss.com/p/font-awesome/

轉載于:https://www.cnblogs.com/dereksunok/p/3833081.html

總結

以上是生活随笔為你收集整理的Font Awesome 完美的图标字体的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。