阿里巴巴IconFont的使用方式


一、解釋一下為什么要使用IconFont?

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

其優點在於以下幾個方面:

1.可以通過css的樣式改變其顏色;(最霸氣的理由)

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

3.更小的存儲

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

二、阿里巴巴IconFont要怎么使用

1.當然是先下載(上傳圖片太麻煩,大家多包容哈)

》登錄:http://www.iconfont.cn/

》點擊圖標庫,搜索購物車,便可以看到一系列購物車圖標。
》選擇自己喜歡的圖標,加入購物車
》選擇完成后,點開購物車,點擊下載代碼
2.如何應用到代碼(這部分可以來幾張圖片)
打開上述三個頁面,就是運用IconFont的3種使用方法(建立一個font文件放置相應的文件)
(1)Unicode(兼容性最好,不支持多色),需拷貝下面幾個文件
(2)symbol引用,需導入iconfont.js文件
(3)font-class引用,需導入iconfont.css文件
具體的代碼步驟,3個html都講述得很清楚,我就不多說了。
結語:哈!我很感謝那些寫博客的大神。雖然我不是一個大神,但是還是希望可以通過自己的微薄之力幫助一些像我一個需要指導的人。
互聯網是給這個世界最大的驚喜。
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM