在前端開發(fā)中，面對psd稿上的圖標時最好的實現(xiàn)方法是使用字體圖標，這樣之后需要修改其鼠標懸浮hover及active狀態(tài)效果時，能夠較簡單方便的改變其效果，而圖標大小、顏色都能夠像字體一樣使用font-size、color改變。在我們剛接觸時我們會使用下載iconfont的css到本地進行引用，但是這樣會存在一些弊端，后期添加、修改圖標時我們需要在下載相關(guān)的文件然后引用到項目中，那我們有沒有更方便的方法呢？當然了，那就是使用在線引用的方法。
一、iconfont有三種國引用方式：Unicode、Font class、Symbol，建議使用Font Class的引用方式
二、具體使用步驟：
1.登錄/注冊阿里巴巴矢量圖官網(wǎng)（iconfont）
2.搜索相關(guān)圖標--->加入購物車
3.購物車--->添加至項目
4.我的項目--->查看在線鏈接地址
5.HTML頁面引用css樣式
