iconFont字体图片的使用

方案1 本地缓存

优势是获取稳定速度快

获取

访问图标库，创建项目的图片资源，然后以 Unicode下载下来

下载为文件夹，解压后为

将 iconfont.css 和 iconfont.ttf 两个文件复制到目录“\static”下，然后进行引用

使用

1、App.vue

<style>
	@import url("/static/iconfont.css");
</style>

2、页面内引用

<text class="iconfont icon-caozuo" style="color: aqua;"></text>

其中color为图标颜色

方案2 网络缓存

参考：https://juejin.cn/post/7175036993284341817
关键点在于将iconfont图标的在线地址，复制到iconfont.css中，使图标一直走网络，但iconfont的服务器不能保证稳定，因此不推荐