vue3引入Iconfont

1. 在阿裡巴巴矢量圖示庫中挑選圖示, 加入購物車

   你需要一個賬号

2. 挑選完後點選結算
3. 點選添加至項目
4. 假如沒有項目的話, 需要建立一個
5. 選中項目
6. 在項目管理頁面, 下載下傳

   

   

7. 解壓到項目的

   src/assets

   目錄中

   

8. 在

   main.js

   或

   main.ts

   入口js檔案中添加

   css

   import "./assets/font_3172792_ydxl39tha8a/iconfont.css"
              

9. 使用

   比如在

   vant

   中:

   指定不同的

   name

   即可 (注意忽略icon)

   <van-icon class="iconfont" class-prefix="icon" name="check-box" />
              

   或直接使用:

   <i class="iconfont icon-check-box"></i>
              

本文來自部落格園，作者：403·Forbidden，轉載請注明原文連結：https://www.cnblogs.com/lczmx/p/15892196.html