900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Web前端开发 icon图标 转 web字体图标

Web前端开发 icon图标 转 web字体图标

时间:2021-10-29 17:44:42

相关推荐

Web前端开发 icon图标 转 web字体图标

在我们大多数的项目当中,icon图标是必不可少的,有的一个一个单独切片,或者将它们拼接组合起来(图片合成技术:css sprite)从而减少请求,方便调用等,但是随着项目的逐渐扩展壮大,图标越来越多,到最后难以维护, 比如以后要改某个图标的位置x , y,大小,顔色,新增。。。等等这样的方式就显得比较有限制性了。

IcoMoon是一个可以通过个性化设置来创建自定义图标(字体)的生成器可以将SVG图片,转换成web字体,它生成的字体图标大小任意缩放不会失真,字体顔色任意修改,调试方便,同时也大大减少请求数量。

IcoMoon是一项免费的服务,通过使用不同设置使我们能够创建自定义的ICON图或ICON字体。网站也有资源打包下载!

包括大多数流行的免费图标集(在itslibrary里搜索),您可以挑选其中任何一个自己钟意的图标下载。

同时,它会提供两种下载方式:图片版和字体版!图片版是经过CSSSprites技术处理的PNG格式,字体版有多种格式供我们选择(EOT,SVG,WOFF,TTF)。

此外,除了其他设计师们设计的图标,IcoMoon也有自己免费的海量图标集。

网站地址:http://icomoon.io/app

使用方法:

1.选择 或 上传图标(先提前在PS软件中,将要生成的图标,切好并生成SVG格式),[也可以不上传,在现有的图标中选择]

2.设置字体字名:iditor(自定义),并下载字体

3.下载到本地后的文件目录情况

4.在项目中使用

5.最终字体效果

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。