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>