1
由於母親的限制，自己從百度下載地址吧~
只需輸入“阿裏巴巴向量圖標庫”，在百度搜索第壹名即可。
2
打開網站，可以選擇右上角的搜索，搜索妳想要的圖標，比如美顏。
三
妳也可以選擇去logo庫，自己選擇想要的圖標。
四
選中圖標，點擊圖標變為橙色，即放入臨時存放架。
五
再次點擊取消，或者將鼠標滑過暫存架中的圖標，圖標右上角有刪除按鈕，刪除選擇。
六
選擇要使用的圖標後，點擊臨時架上的下載到本地，解壓後備用。
結束
項目參考
1
在解壓後的文件夾中打開demo.html。
2
妳可以看到我們下載的圖標。按照demo的步驟，下面我們來配置壹下ionic的項目。
三
靜態文件存儲目錄，新創建的字體文件夾用於存儲字體文件(可以自定義)。
四
Css使用font-face來聲明字體。
五
Css定義了使用iconfont的樣式。
六
選擇相應的圖標並獲取字體代碼，將其應用到頁面以顯示圖標。
結束
標簽和其他標簽參考圖標
1
發現Ionic的圖標可以通過添加壹個類似於ion-happy ion-XXX的類來應用，那麽如何使用阿裏巴巴的矢量圖標呢？別急，辦法是有的。
在直接提取的圖標文件中打開iconfont.css文件。
2
復制這些。icon-XXX:before { content:' xxxx ' }也放入css文件中。
看過ionic css文件源代碼的童鞋。妳熟悉這些嗎？
三
沒錯，只要在類中添加iconfont icon-XXX就可以使用圖標了。
P4P用不好會影響自然流暢，建議系統學習P4P。
史上最全面的P4P系列