1.在http://www.iconfont.cn/阿里巴巴圖標庫添加圖標到自己項目中缰冤，然后點擊更多項目中的編輯項目
image
2.修改前綴為el-icon-xxx犬缨，xxx自定義，然后將項目下載自本地
image
這文件放入到項目文件中棉浸，將iconfont.css引入到Vue項目中怀薛，**
然后修改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;
/* 以下內容參照第三方圖標庫本身的規(guī)則 */
font-size: 18px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
5.最后就可以采用icon相同方式引入圖標迷郑，如下圖方式引用即可
image
注意：如果修改前綴為el-icon引入枝恋，可能會導致與element-ui的icon沖突導致顯示異常创倔。
