阿里巴巴IconFont的使用方式

1、解釋一下爲何要使用IconFont？

IconFont顧名思義就是把圖標用字體的方式呈現。

其優勢在於如下幾個方面：

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

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

3.更小的存儲

缺點：瀏覽器兼容性不夠普及，所幸，大部分主流瀏覽器都支持

2、阿里巴巴IconFont要怎麼使用

1.固然是先下載（上傳圖片太麻煩，你們多包容哈）

》登陸：http://www.iconfont.cn/

》點擊圖標庫，搜索購物車，即可以看到一系列購物車圖標。

》選擇本身喜歡的圖標，加入購物車

》選擇完成後，點開購物車，點擊下載代碼

2.如何應用到代碼（這部分能夠來幾張圖片）

打開上述三個頁面，就是運用IconFont的3種使用方法(創建一個font文件放置相應的文件)

（1）Unicode（兼容性最好，不支持多色），需拷貝下面幾個文件

（2）symbol引用，需導入iconfont.js文件

（3）font-class引用，需導入iconfont.css文件

具體的代碼步驟，3個html都講述得很清楚，我就很少說了。

結語：哈！我很感謝那些寫博客的大神。雖然我不是一個大神，可是仍是但願能夠經過本身的微薄之力幫助一些像我一個須要指導的人。

互聯網是給這個世界最大的驚喜。