溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

阿里巴巴矢量圖標(biāo)庫的使用

發(fā)布時(shí)間：2020-07-01 20:47:06 來源：網(wǎng)絡(luò) 閱讀：832 作者：小小金丫 欄目：web開發(fā)

1，打開阿里巴巴矢量圖標(biāo)庫

http://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.da2e3581b&type=1

2，選擇需要的圖標(biāo)加入購物車；

3，將購物車中的圖標(biāo)加入本地項(xiàng)目；

第一種方法：

（1）獲取在線鏈接，將獲取到的在線鏈接復(fù)制到編輯器css文件；

（2）<i class="iconfont">unicode<i/><i class="iconfont">&#xe64c;</i>

第二種方法：

（1）點(diǎn)擊暫存架的下載至本地，解壓待用；

（2）打開下載包中的demo.html,按照demo的步驟，配置ionic的項(xiàng)目;

（3）靜態(tài)文件存放目錄，新建font文件夾用來存放字體文件（可自定義存放）；

（4）css使用font-face聲明字體；

（5）css定義使用iconfont的樣式；

（6）挑選相應(yīng)圖標(biāo)并獲取字體編碼，應(yīng)用于頁面就可以顯示圖標(biāo)啦

第三種方法：

（1）同第二種方法，只是使用方法不同

（2）Ionic的圖標(biāo)只要加個(gè)類似ion-happy  ion-XXX的class就可以應(yīng)用相應(yīng)的圖標(biāo)；

（3）將那些.icon-XXX:before{content:'XXXX'}也復(fù)制到你的css文件中去

（4）只要在class中加 iconfont  icon-XXX就可以使用圖標(biāo)了；



向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手