圖標(biāo)庫(kù)有很多,例如: Font Awesome , bootstrap ,fontello等,阿里巴巴也提供了很強(qiáng)大的免費(fèi)圖標(biāo)庫(kù):iconfont,下面就來(lái)介紹一下免費(fèi)的使用方法。
1、登錄阿里巴巴矢量圖標(biāo)庫(kù),網(wǎng)址:https://www.iconfont.cn/
2、登錄賬戶(可以用微博、GitHub賬號(hào)直接登錄)
3、搜索自己需要的圖標(biāo),例如:手機(jī),不得不說(shuō),圖標(biāo)非常之多?。ㄏ旅骘@示的只是部分內(nèi)容)
4、選取自己需要的圖標(biāo),添加入庫(kù)
5、搜索并添加自己需要的其他圖標(biāo)入庫(kù),例如我添加了一些
6、引用阿里圖標(biāo)庫(kù)的方法有三種,分別是:調(diào)用阿里cdn遠(yuǎn)程引入,下載圖標(biāo)引入圖標(biāo)文件(支持PNG和SVG和AI格式圖片下載),下載圖片字體文件自行引入(下載下來(lái)的壓縮包中有演示文檔及使用說(shuō)明)
7、對(duì)于阿里圖標(biāo)庫(kù)中不存在的圖標(biāo)或者說(shuō),你沒(méi)有搜到這款圖標(biāo),但是你在別的圖標(biāo)庫(kù)中下載到了這款圖標(biāo)的話,你還可以將該圖標(biāo)上傳到你的項(xiàng)目里面去,這樣,你就可以通過(guò)阿里圖標(biāo)庫(kù)來(lái)調(diào)用這款圖標(biāo)了。
以阿里CDN引入為例:
每個(gè)圖標(biāo)需要引入時(shí),只需要先引入阿里云提供的cdn,然后在需要添加圖標(biāo)的地方添加如下代碼就可以了:
<i class="iconfont 這里是圖標(biāo)代碼"></i>
聯(lián)系客服