1.在http://www.iconfont.cn/阿里巴巴圖標(biāo)庫添加圖標(biāo)到自己項(xiàng)目中，然后點(diǎn)擊更多項(xiàng)目中的編輯項(xiàng)目

image

2.修改前綴為el-icon-xxx，xxx自定義，然后將項(xiàng)目下載自本地

image

這文件放入到項(xiàng)目文件中，將iconfont.css引入到Vue項(xiàng)目中，**

然后修改iconfont.css的.iconfont處

4.修改iconfont.css后，大致如下

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="el-icon-erp"], [class*=" el-icon-erp"] {
  font-family:"iconfont" !important;
  /* 以下內(nèi)容參照第三方圖標(biāo)庫本身的規(guī)則 */
  font-size: 18px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

5.最后就可以采用icon相同方式引入圖標(biāo)，如下圖方式引用即可

image

注意：如果修改前綴為el-icon引入，可能會導(dǎo)致與element-ui的icon沖突導(dǎo)致顯示異常。