1. 程式人生 > 其它 >vue專案裡面使用阿里圖示庫

vue專案裡面使用阿里圖示庫

技術標籤:vuevue

在這裡插入圖片描述
阿里圖示庫
登入賬號 把喜歡的圖示下載 選擇font class 建立專案 放入
然後 下載至本地 有一個壓縮包 都解壓到任意目錄
在這裡插入圖片描述
然後main.js匯入

import './assets/icon/iconfont.css'
import './assets/icon/iconfont.js'

如果你想使用裡面的字型
一定使用這個樣式 全域性覆蓋

@font-face {
  font-family: "iconfont" !important;
  src: url("./assets/icon/iconfont.eot");
  src:
url("./assets/icon/iconfont.eot?#iefix") format("embedded-opentype"), url("./assets/icon/iconfont.woff") format("woff"), url("./assets/icon/iconfont.ttf") format("truetype"), url("./assets/icon/iconfont.svg#iconfont") format("svg"
); }