vue中使用unicode圖標

目前遇到個需求，需要在偽類中顯示icon圖，於是就想到了unicode圖標

那么怎么將unicode圖標引入項目呢？

進入阿里矢量圖庫：

 

 

 選一個圖標，加入購物車，將圖標加入項目

 

 

 

進入項目：

選擇unicode下載到本地：

 

 

 在assets文件夾下創建fonts文件夾；將如下文件復制進去：

 

 

 

在main.js引入或者在頁面文件引入：

import '@/assets/fonts/iconfont.css';

頁面中使用：

div:before {
    font-family: "iconfont";
    content:"\e6e4";
}

OK