1.進入阿里云圖標(biāo)官網(wǎng) 阿里云圖標(biāo)https://www.iconfont.cn/

2.選擇項目所需的圖標(biāo)到購物車

?3.添加到項目中

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

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

7.在main.js中導(dǎo)入樣式

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

8.在頁面中使用

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

PS:字體圖標(biāo)，不可以通過寬高來調(diào)節(jié)大小，可以通過文字樣式調(diào)節(jié)，需要寫到通過類名iconfont設(shè)置，否則CSS權(quán)重不夠，調(diào)節(jié)不了樣式

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。