ionic3 引入iconfont

打開iconfont阿里官網

iconfont阿里圖標地址

• 用gitlub賬戶登錄即可

找到心儀的圖標加入到自己的項目中

1. 添加入庫
   

2.點擊購物車

3.添加到項目


4.選擇下載到本地

5.講下載的下面5個文件拷貝到ionic3的項目中的 assets目錄下 新建fonts文件夾中,將原來的iconfont.css 修改擴展名爲iconfont.scss

6.引入到app.scss中

7.微調iconfont.scss,改成一個地方將iconfont的ont-family: “iconfont”;修改成font-family: “Ionicons”;

8. 程序中引用

ionic3中這樣引用

9.效果

---

自此，大功告成，最喜歡的一句話！！！