字体图标的应用

在项目中有很多的小图标，以前用的都是图片。在迭代的过程中发现了这些问题。

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>
复制代码

转载于:https://juejin.im/post/5bdfb7cde51d451ad0349669