vue 中使用 iconfont

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">&#xe6c2;</span>