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

③加入購物車，添加至項目

④下載到本地，主要是下載fontclass的，至于三者的區別，大家可以上網搜搜看

⑤在項目目錄src/assets下創建iconfont文件夾，將剛剛加載好的東西復制到iconfont文件下

⑥在main.js中引入

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

⑦使用

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

總結

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

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