此篇博文讲述如何利用icomoon导入图标,从而把自己想要图标通过icomoon方式进行生成。大家都知道,网站以及移动端,用图标还是尽量选择这种。1、直接用image有些图标会失真;2、图标统一管理,方便引用;3、前端开发之中,需求去掌握的一项。
下面来介绍一下如何使用icomoon生成字体图标。
网址:https://icomoon.io/app/#/select
一、首先将UI蓝湖上的svg格式图片切下,并命名规范。
二、登录icomoon,创建集合,并在该集合下导入图标。
三、点击生成字体图标,并下载。(可以修改字体图标的编码,以防止多图标导致命名冲突)
下载到压缩文件:
四、导入字体图标到项目,并应用到HTML结构中。