一、找到uniicons.ttf字体文件

在这里插入图片描述

二、在线字体编辑器中打开uniicons.ttf

在线字体编辑器链接
在这里插入图片描述

三、去iconfont官网下载svg格式的图标

四、在线字体编辑器上方工具栏点击导入svg

然后就可以看到新增一个从iconfont下载的图标了。
在这里插入图片描述

五、(可选)点击新增图标右上角编辑进入编辑页面

将图标大小调整为跟默认图标差不多后点击保存,然后退出编辑。
在这里插入图片描述

六、选中新增图标后点击上方工具栏“设置代码点”

在这里插入图片描述

七、上方工具栏中选择导出ttf后并替换原有的uniicons.ttf

八、修改文件

在这里插入图片描述
进入icons.js,在数组后边继续添加新增图标对象。
在这里插入图片描述
进入uniicons.css,添加样式。
在这里插入图片描述
记得保存,这样就行了。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐