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

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

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

http://www.bootcss.com/p/font-awesome/?發(fā)現(xiàn)了新大陸！！！真的是相見恨晚。

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

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

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

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

?

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

轉(zhuǎn)載于:https://www.cnblogs.com/dereksunok/p/3833081.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。