阿里巴巴矢量圖標庫的使用

發布時間：2020-07-01 20:47:06 來源：網絡閱讀：846 作者：小小金丫欄目：web開發

1，打開阿里巴巴矢量圖標庫

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

2，選擇需要的圖標加入購物車；

3，將購物車中的圖標加入本地項目；

第一種方法：

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

（2）<i class="iconfont">unicode<i/><i class="iconfont"></i>

第二種方法：

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

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

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

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

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

（6）挑選相應圖標并獲取字體編碼，應用于頁面就可以顯示圖標啦

第三種方法：

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

（2）Ionic的圖標只要加個類似ion-happy ion-XXX的class就可以應用相應的圖標；

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

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

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站