1.将图标CDN托管到阿里矢量图标库里面
在矢量图标库中选取需要的图片,复制如图所示的链接,在index.html中link该地址即可
<link rel="stylesheet" href="https://at.alicdn.com/t/font_604260_3eh5mio3ofidlsor.css">
然后可以在对应的组件中使用
<span class='iconfont xxxxx'></span>
2.将iconfont下载到本地的用法
首先先下载,然后将下载的文件放在assets文件夹中,然后在main.js里面全局引入:
//全局引入iconfont.css的样式
import './assets/font/iconfont.css'
文件路径对上,然后在组件里面就可以引用了
<span class='iconfont xxxxx'></span>