合并icon字体图标

1.字体图标使用比较方便,当项目做好以后进行后期项目维护时,会新增字体图标,那么怎样将两个或者多个字体图标进行合并;

2.举个栗子,我分别在http://iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a(阿里的iconfont下载两批字体图标);我将这两批图标合并:

(1)首先需要两批字体图标(分别放在文件夹1和文件夹2,可以去iconfont官网下载)

(2)进行合并

①进入https://icomoon.io/app/#/select网站,点击左上角  "Import Icons" 按钮,分别引入 “文件夹1” 和 “文件夹2” 中的 “.svg” 文件,然后选中上传的svg图标,点击左下角的 “Generate Font”按钮(页面会跳转),再点击download即可;

②使用时,只需要fonts文件和style.css文件即可;

③使用方法:<span class="icon-user"></span>

猜你喜欢

转载自blog.csdn.net/hangGe0111/article/details/83863911