①創(chuàng)建阿里云賬號
②在阿里云iconfont中搜索自己喜歡的icon

③加入購物車，添加至項(xiàng)目

④下載到本地，主要是下載fontclass的，至于三者的區(qū)別，大家可以上網(wǎng)搜搜看

⑤在項(xiàng)目目錄src/assets下創(chuàng)建iconfont文件夾，將剛剛加載好的東西復(fù)制到iconfont文件下

⑥在main.js中引入

import './assets/iconfont/iconfont.css'

⑦使用

class名可以在剛剛復(fù)制的文件中的iconfont.css文件里面找到，注意前面一定要加多一個iconfont類名，不然圖標(biāo)顯示不出來的

總結(jié)

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

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