您好,登錄后才能下訂單哦!
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就可以使用圖標了;
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。