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>

相關文章
相關標籤/搜索