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

站在用戶的角度思考問題，與客戶深入溝通，找到蚌山網(wǎng)站設(shè)計與蚌山網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗(yàn)好的作品，建站類型包括：做網(wǎng)站、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、國際域名空間、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋蚌山地區(qū)。

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）unicode

第二種方法：

（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)只要加個類似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)了；

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

標(biāo)題名稱：阿里巴巴矢量圖標(biāo)庫的使用-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://weahome.cn/article/dppsep.html