阿里巴巴iconfont的正確使用方式

爲何要使用iconfont?

顧名思義iconfont就是把圖標用字體的方式呈現,其優勢在於如下幾個方面:

1.能夠經過css的樣式改變其顏色(最霸氣的理由）

2.相對於圖片來講,具備更高的分辨率

3.更小的存儲

缺點:瀏覽器兼容性不夠普及,所幸目前大部分主流瀏覽器都支持

要怎麼使用iconfont

下載

1.登陸:http://www.iconfont.cn/

2.找到圖標管理->個人項目->而後新建項目

點擊新建項目,用於保存本身經常使用的圖標
我有幾張阿里雲幸運券分享給你，用券購買或者升級阿里雲相應產品會有特惠驚喜哦！把想要買的產品的幸運券都領走吧！快下手，立刻就要搶光了。
3.項目新建完成後,往項目裏添加咱們想使用的圖標

找到圖標庫,搜索一個想要的圖標,而後添加到購物車

4.添加到購物車完成後,購物車徽章數字應該顯示1了,點擊右上角的購物車圖標,選擇添加至項目,選擇咱們剛剛建立的項目,肯定

自動跳轉到對應的項目裏了

5.接下來一部比較關鍵,將打包好的字體文件下載到本地添加到你的項目中,在項目中引用文件中的iconfont.css文件