1.進入阿里云圖標官網 阿里云圖標https://www.iconfont.cn/

2.選擇項目所需的圖標到購物車

?3.添加到項目中

?4.到我的項目，下載到本地

6.新建文件夾，存放解壓出來的所有文件?

7.在main.js中導入樣式

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

8.在頁面中使用

<i class="iconfont icon-idcard"></i>

PS:字體圖標，不可以通過寬高來調節大小，可以通過文字樣式調節，需要寫到通過類名iconfont設置，否則CSS權重不夠，調節不了樣式

.iconfont { margin: 0 1% 0 15%; font-size: 2em; color: rgba(32, 140, 252, 1); }

總結

以上是生活随笔為你收集整理的vue引入阿里云图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。