我们知道后台有些菜单图标,一般用的是iconf font,往往免费的一套icon font系统里的图标太少,满足不了我们一些需求,当然也有人说用重复的图标不就可以了,可是作为一个资深程序员,强烈病态的强迫症,怎么可能允许这样的事情发生,不雅观,不完美,因此,本来就具体讲讲怎么自定义一个icon font 图标库.
1、首先打开下面链接,点击“selection”你会看到如下很多各种各样的图标
2、点击页面中的图标,选择你需要的图标

当然你也可以把你原有的icon font图标系统导入进来,点击左上角的 “Import Icon”图标,选择你原来系统里的xxx.svg文件,导入进来,并全部选择

3、选择右下角的"Generate Font",进入导出页面,这个页面你可以自定义名称等内容

4、选择右下角的"Download",下载我们选择好的图标。注意:这一步最好先点击左上角"Preferences"按钮修改文件的名称为我们之前导入的文件名称,这样下载完后,里面的文件命名就跟我们后台系统里的一样了,直接复制替换就好了,不用再重新命名为后台系统里的文件名字了


5、打开压缩文件,把对应的文件复制到对应目录下面就好了

这样就好了,如果你觉得对你有效,朋友点个赞呗!
本文介绍了如何创建自己的IconFont图标库。首先,通过IcoMoon App选择所需图标,然后导入并替换原有图标库。在导出页面自定义名称,下载图标文件,并将文件复制到后台系统的相应目录。这个过程帮助开发者解决免费图标库图标不足的问题,实现界面的完美统一。

2109

被折叠的 条评论
为什么被折叠?



