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>