9、阿里巴巴向量相簿icon-font的運用

前言：今天說下在專案中的使用圖示庫
GitHub：

一、新建圖示專案

1、開啟這個網站，進入圖示管理中，在裡面新建一個專案

2、然後我們進入圖示庫中新增幾個圖片到購物車中

3、然後在購物車中將圖示新增到專案裡面

二、下載圖示到本地

進入我的專案中，然後下載到本地；
這裡有三種不同的方式下載，區別大家可以到官網裡面瞭解更多；

三、專案中引入

1、ok，下載完成了以後，除了iconfont.js字型檔案對我們沒有什麼用以外，我們把所有的iconfont複製一下。

2、全部複製到styles目錄下

3、然後我們到main.js中全域性引入一下
只要引入iconfont.css就可以了

為什麼我們這裡路徑直接以styles開頭的，因為我們在webapck.base.conf.js中的alias中配置下路徑，這個細節在前面章節有講，這裡再提一下。

四、使用

1、我們在專案中用一下，隨便找個頁面，隨便寫個標籤，但class類名要為iconfont

2、span裡面的包裹的十六進位制碼去網站裡面拿

3、引入成功沒？

ok。

參考學習