java后台icon font 图标替换

我们知道后台有些菜单图标,一般用的是iconf font，往往免费的一套icon font系统里的图标太少，满足不了我们一些需求，当然也有人说用重复的图标不就可以了，可是作为一个资深程序员，强烈病态的强迫症，怎么可能允许这样的事情发生，不雅观，不完美，因此，本来就具体讲讲怎么自定义一个icon font 图标库.

1、首先打开下面链接，点击“selection”你会看到如下很多各种各样的图标

IcoMoon App - Icon Font, SVG, PDF & PNG GeneratorUsing IcoMoon you can easily search and download vector icons or generate fonts (icon fonts). This tool can also be used for icon set management. It can generate icon fonts, SVGs, PDFs, PNGs and sprites.https://icomoon.io/app/#/select/font

2、点击页面中的图标，选择你需要的图标

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

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

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

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

这样就好了，如果你觉得对你有效，朋友点个赞呗!

java后台icon font 图标替换相关推荐

vue3项目中引入icon font图标使用
vue3项目中如何引入icon font图标使用 1.从iconfont官网下载图标库文件放到项目中得到压缩包解压放到项目中,一般都放到assets文件夹下 2.在main.ts文件中引入图标文件 ...
微信小程序中使用icon font图标
前言: 有时候我们在开发的时候,特别是使用特定的框架开发时,比如使用vue.ionic.angular等框架开发时:框架带有的特定的图标有限而且很少!都知道 icon font上的图标资源非常丰富. ...
最新的超棒免费图标字体(icon font)收集
为什么80%的码农都做不了架构师?>>> 日期:2012-8-29 来源:GBin1.com 今天我们收集了18套非常有特色的免费图标字体给大家,如果能够将它们应用到你的用户 ...
在iOS中使用icon font
在开发阿里数据iOS版客户端的时候,由于项目进度很紧,项目里的所有图标都是用最平常的背景图片方案来实现.而为了要兼容普通屏与Retina屏的设备,苹果要求每个背景图都要以两种尺寸存(a.png和a@2 ...
html页面调用ico图标,如何在HTML中使用图标字体 - icon font?
日期:2012-8-27 来源:GBin1.com 在线演示本地下载主要特性使用icon font来生成图标相对于基于图片的图标来说,有如下的好处: 自由的变化大小自由的修改颜色添加阴影 ...
html剪纸服务器的字体样式,如何在HTML中使用图标字体 - icon font？
主要特性使用icon font来生成图标相对于基于图片的图标来说,有如下的好处: 1.自由的变化大小 2.自由的修改颜色 3.添加阴影效果 4.IE6也可以支持 5.支持图片图标的其它属性,例如,透 ...
字体图标 icon font
原文地址为: 字体图标 icon font Icon font icon font 指的是用字体文件取代图片文件,来展示图标.特殊字体等元素的方法. 应用场景: iconfont的优缺点大小可以自由 ...
HTML/CSS——网页SVG ICON(小图标)解决方案
一.基本概念 SVG: SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大 ...
Java后台微信点餐小程序开发最新版笔记，Springboot+Mysql+Freemarker+Bootstrap+微信小程序实现扫码点餐小程序，包含语音提示，微信消息推送，网页管理后台
由于之前的Java后台微信点餐小程序有些知识点过时了,所以今天重新出一版,把里面过时的知识点更新下前五章是部署笔记,后面是知识点的详细讲解,大家可以先看部署笔记,部署起来后,再跟着详细知识学习. 第 ...

java后台icon font 图标替换

java后台icon font 图标替换相关推荐

最新文章

热门文章