6.在Vue中使用iconfont的方法

1.将图标CDN托管到阿里矢量图标库里面

image.png

在矢量图标库中选取需要的图片，复制如图所示的链接，在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>