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