在我们大多数的项目当中,icon图标是必不可少的,有的一个一个单独切片,或者将它们拼接组合起来(图片合成技术: css sprite )从而减少请求,方便调用等,但是随着项目的逐渐扩展壮大,图标越来越多,到最后难以维护, 比如以后要改某个图标的位置x , y,大小,顔色,新增。。。等等这样的方式就显得比较有限制性了。
IcoMoon是一个可以通过个性化设置来创建自定义图标(字体)的生成器 ! 可以将SVG图片,转换成web字体,它生成的 字体图标大小任意缩放不会失真,字体顔色任意修改,调试方便,同时也大大减少请求数量。
IcoMoon是一项免费的服务,通过使用不同设置使我们能够创建自定义的 ICON 图或 ICON 字体。 网站也有资源打包下载!
包括大多数流行的免费图标集(在its library里搜索),您可以挑选其中任何一个自己钟意的图标下载。
同时,它会提供两种下载方式:图片版和字体版!图片版是经过CSS Sprites技术处理的PNG格式,字体版有多种格式供我们选择(EOT,SVG,WOFF,TTF)。
此外,除了其他设计师们设计的图标,IcoMoon也有自己免费的海量图标集。
网站地址: http://icomoon.io/app
使用方法:
1.选择 或 上传图标(先提前在PS软件中,将要生成的图标,切好并生成SVG格式),[也可以不上传,在现有的图标中选择]
2.设置字体字名:iditor(自定义),并下载字体
3.下载到本地后的文件目录情况
4 .在项目中使用
5.最终字体效果