创建生成icon-font步骤准备icon的SVG文件，进入icomoon在网页右上角找到IcoMoonApp的按钮，点击进入，将之前准备好的Icon的SVG文件上传到Import左上角的图标按钮并在顶部上传点击菜单选项中的笔状按钮，然后点击上传图标进行修改；在修改后的界面中，会有两个输入框，一个是Tags（用来在当前页面显示和搜索），一个是Names（用来给你的icon起名字，后面的样式表中实际用到的）downloading.)设置完所有图标后，页面底部出现三个按钮。点击GenerateFont，显示刚才设置的图标信息。检查比较没有问题后，点击页面下方刚才点击的菜单下的下载旁边的齿轮按钮，进行最后的设置。IconFontfontzzwiconClassPrefix这会变成字体类Prefixicon-选择SupportIE8andGeneratepreprocessorvariablesfor:lessCSSSelector在多选框中，在输入框中选择Useaclass，在输入框中输入一个类名。剩下的zzwicon设置随心所欲，关闭设置弹窗，点击下载下载解压下载的文件，使用里面的style.css文件，fonts文件夹。在style.css文件中，需要修改一些东西/*我们需要将下面的url路径改为引用的fonts文件夹的路径，根据实际情况修改*/@font-face{font-family:'zzwicon';src:url('fonts/zzwicon.eot?q06q0o');src:url('fonts/zzwicon.eot?q06q0o#iefix')format('embedded-opentype'),url('fonts/zzwicon.ttf?q06q0o')format('truetype'),url('fonts/zzwicon.woff?q06q0o')格式('woff'),url('fonts/zzwicon.svg?q06q0o#nbulicon')格式('svg');...}/*下面类中的字体样式需要在下面的代码中添加font-family*/.zzwicon{font-family:'zzwicon',PingFangSC-Light,'helveticaneue','hiraginosansgb',arial,'microsoftyaheiui','microsoftyahei',simsun,sans-serif!important;...}.icon-msg:before{内容：“\e900”；}然后就可以使用了//首先需要导入
