icon字体的好处自不必多说,相信好处大家都用了便都知道滴!
下面我就具休说下,用icomoon制作icon字体的情况。
https://icomoon.io/#home网站上提供了很好免费的字体库,很方便的。
让我们一起来制作所属自己的字体吧!
1、当然是先打开网站了,如图进行操作。
2、单击”Add Icons From Library,,,“,打开字体库,选择添加自己需要的字体库。
重点来了,如图所示,有两个字体库,怎么才能把我要的图标都整合到一个字体库里呢。首先,通过对图标的编辑功能把svg格式下载下来。然后单击页面,添加自己需要的图标svg格式,从而建立自己的字体库,如图:
3、剩下的就简单了,单击页面右下角的”Generate Font“按钮,进行字体库页面,在这里可以设置字体库的名字、字体库的兼容性。如图
此处用的是默认的库名。一切就绪后,点击页面右下角的”Font Download“,下载字体就可以用了。
5、在页面中直接调用就可以了。怎么使用?就看demo页面。
-----------------------------------------------------------
怎么把字体都放在一个项目中?如下图所示,点击右侧三杠,选择import to set。把要加入的字体拖进来就可以了。