我看到我們網(wǎng)站的圖標(biāo)還用的圖標(biāo)來(lái)做的時(shí)候，我感嘆了下，失真嚴(yán)重啊，gif動(dòng)畫(huà)圖標(biāo)鋸齒那個(gè)嚴(yán)重啊，看不下去了，我給大家分享下我已經(jīng)用了很久的一種技巧，現(xiàn)在移動(dòng)設(shè)備，微信公眾號(hào)，包括很多網(wǎng)站都已經(jīng)用上了字體圖標(biāo)的方式來(lái)顯示小圖標(biāo)了(iconfont)，和文字一樣，不會(huì)有失真，而且配合css3的動(dòng)畫(huà)基本能替代很多的gif動(dòng)畫(huà)。還有個(gè)好處就是字體文件比圖片小很多，還提供不同的很多字體格式，只要不是太落后的瀏覽器都沒(méi)問(wèn)題
下面給大家介紹下怎么制作圖標(biāo)字體，阿里旗下的這個(gè)網(wǎng)站有非常豐富的圖標(biāo)資源：
1、從http://www.iconfont.cn找到你想要的圖標(biāo)，以svg格式下載到本地，想要多少下載多少
2、https://icomoon.io/app/#/select打開(kāi)這個(gè)網(wǎng)站我們就可以制作自己的圖標(biāo)字體了，點(diǎn)擊import icons 按鈕，把下載的svg格式圖標(biāo)導(dǎo)入進(jìn)來(lái)，然后你就能在線看到你導(dǎo)入的圖標(biāo)，賓且可以進(jìn)行在線編輯，編輯功能非常強(qiáng)大，完全夠用
3、導(dǎo)入編輯好后，選中你想要的圖標(biāo)，點(diǎn)擊右下角的生成字體按鈕，會(huì)自動(dòng)生成好字體，下載后，壓縮包里包含了css樣式，直接用就是了，非常方便
