在项目中有很多的小图标,以前用的都是图片。在迭代的过程中发现了这些问题。
1、多个需求中,使用的图片不统一,导致看起来很难受
2、前端放这么多图片资源,加载慢。
如何生成自己的iconfont
1、准备 .svg files
2、用这个nb网站,icomoon.io/app/#/selec…
3、import yourself svgFiles

4、generate font

5、how to use iconfont

解压后,将生成的fonts style.css文件放到自己的项目中。

如果想用这个icon,只需要他的这个名字。

<span class="icon-3x1"></span>