vue 中使用 iconfont

一、从 iconfont 官网下载图标库至本地

  1、进入我的项目,将要使用的项目打包下载

    

  2、下载到本地的文件是压缩形式,解压缩得到以下内容:

    

二、将本地库添加到 vue 项目

  1、在 vue 项目 src/assets/ 创建 iconfont 文件夹

  2、在 iconfont 本地库目录中复制以下四个文件至新创建的 iconfont 文件夹  

    iconfont.css文件

    iconfont.eot、iconfont.svg、iconfont.ttf、iconfont.woff  

  3、在 main.js 中引用 iconfont.css 

    import './assets/iconfont/iconfont.css'

     

三、项目中 使用 iconfont

  1、Unicode 形式的图标

     <span class="iconfont">&#xe6c2;</span>

 
posted @ 2021-01-25 11:42  长空雁叫霜晨月  阅读(523)  评论(0编辑  收藏  举报