在日常的前端开发中，使用图标，但是如果想简单地调节颜色和大小，就开始使用字体图标了。 保存格式为. svg格式，可以在更改样式以适应字体大小时防止字体扭曲。 于是，字体图标演示开始流行起来。 介绍现在流行的两种方法。
第一个：iconmoon这是我使用的外国网站，所以网速很慢：
具体使用步骤：
(1)打开URL ) https://icomoon.io/#home
)2)单击icomoonApp :
)3)点击自己想要的图标：
)4)选择完成后，点击右下角的，generate Font:进入图标确认界面。 单击download下载压缩包。
)5)解压缩后，将看到的文件夹添加到相应的前端开发文件夹中。 以下为参考模式。
)6)将解压缩的style.css代码添加到项目的css文件中。 这意味着引入了icomoon字体图标。 如图所示，是需要引入的代码。
)7)开始在html页面中使用字体图标。 打开demo.html文件，然后在要添加的图标右侧单击“复制”。 然后将其粘贴到相应的html标签中。
请记住，在此，为了将font-family导入到文件中，可以设置字体的颜色和大小等。 和普通的字体使用一样。
二是使用iconfont方式，由阿里团队开发，在国内比较流行。 具体的使用方法可以在我的其他博文中看到。
以上是平时开发中常用的样式文件，掌握这两种方式即使掌握了字体图标的使用方法。 今后的日子要加油哦！
补充：字体图标可能需要自己自定义。 在这种情况下，对ui说，例如让他设计手机的svg格式的图标吧。 ui设计完成后，请传递svg格式的图标。 在icomoon中单击上载图标时，会自动转换为字体图标样式。 那个时候，我们可以和以前一样正常使用。
补记2 )我们在开发中发现自己的还需要添加新图标后，但是可以保存以前的图标，用以下方法添加。 上传成功后，只需选择想要添加的图标下载并替换原始文件即可。