web字體圖標(biāo)----font-awesome的應(yīng)用

在傳統(tǒng)的網(wǎng)頁制作過程中，涉及圖標(biāo)的情況大多用圖片進(jìn)行處理，圖片有些不足。例如，使用圖片會增加總文件的大小和很多額外的“http請求”，增大服務(wù)器的負(fù)擔(dān)，并且大量圖片下載需要時，增加用戶的等待時間，犧牲用戶體驗。因此，有時候在“響應(yīng)式設(shè)計”中需要使用圖標(biāo)的最佳解決方案就是不去使用圖片，而字體通常是矢量的，所以就解決了圖片的缺點，即圖標(biāo)字體化。

自定義圖標(biāo)字體是比較麻煩，而font-awesome為用戶準(zhǔn)備了將近500個常用icon圖標(biāo)。

首先，我們?nèi)?/span>https://github.com/FortAwesome/Font-Awesome地址進(jìn)行下載，下載解壓后，打開文件夾，把所有字體文件和css文件“font-awesome.min.css”拷貝到項目中，接下來介紹如何使用font-awesome提供的圖標(biāo)，代碼如例3-5所示。運行效果如圖3-7所示。

         例3-5 example05.html