1、从 iconfont 官网下载图标库至本地css
一、进入个人项目,将要使用的项目打包下载vue
二、下载到本地的文件是压缩形式,解压缩获得如下内容:svg
2、将本地库添加到 vue 项目spa
一、在 vue 项目 src/assets/ 建立 iconfont 文件夹code
二、在 iconfont 本地库目录中复制如下四个文件至新建立的 iconfont 文件夹 blog
iconfont.css文件class
iconfont.eot、iconfont.svg、iconfont.ttf、iconfont.woff import
三、在 main.js 中引用 iconfont.css 打包
import './assets/iconfont/iconfont.css'下载
3、项目中 使用 iconfont
一、Unicode 形式的图标
<span class="iconfont"></span>