1.在阿里巴巴图标库找到需要的图标,下载为svg格式备用
2.通过在线ttf编辑器http://fontstore.baidu.com/static/editor/index.html#打开项目static文件夹下的uni.ttf文件
3.导入第一步下载的svg图标
4.选中新导入的图标,点击设置代码点,新增的图标会按顺序自动生成代码
注:一定要选中图标操作,不然所有图标代码都会改变
5.导出为ttf,并修改名称为(uni.ttf),替换掉项目中 static下的uni.ttf
6.将uni.tff文件转为base64字符串,通过在线转换工具https://www.motobit.com/util/base64-decoder-encoder.asp
7.转换完之后,需要去除掉换行,因为该工具默认一行76字符,借助一下文本编辑器即可,使用Notepad++
有时候,发现转换完成后还会有默认的空格存在,解决:
1.将code码存为 .txt的形式
2.将 .txt在word中打开,ctrl+h进行替换
8.将整理好的一行字符串替换掉uni-icons.vue文件中原有的base64字符串
9.在icons.js中增加图标
注:编码怎么看