给uni-app的uni-icons组件添加自定义图标(2022)
一、找到uniicons.ttf字体文件二、在线字体编辑器中打开uniicons.ttf在线字体编辑器链接三、去iconfont官网下载svg格式的图标四、在线字体编辑器上方工具栏点击导入svg然后就可以看到新增一个从iconfont下载的图标了。五、(可选)点击新增图标右上角编辑进入编辑页面将图标大小调整为跟默认图标差不多后点击保存,然后退出编辑。六、选中新增图标后点击上方工具栏“设置代码点”七
·
一、找到uniicons.ttf字体文件
二、在线字体编辑器中打开uniicons.ttf
三、去iconfont官网下载svg格式的图标
四、在线字体编辑器上方工具栏点击导入svg
然后就可以看到新增一个从iconfont下载的图标了。
五、(可选)点击新增图标右上角编辑进入编辑页面
将图标大小调整为跟默认图标差不多后点击保存,然后退出编辑。
六、选中新增图标后点击上方工具栏“设置代码点”
七、上方工具栏中选择导出ttf后并替换原有的uniicons.ttf
八、修改文件
进入icons.js,在数组后边继续添加新增图标对象。
进入uniicons.css,添加样式。
记得保存,这样就行了。
更多推荐
所有评论(0)