1.首先，你可以去iconfont.cn从阿里巴巴矢量字体库中下载你想要的图标（选择格式为SNG格式）。2、打开iconmoon网站（像这样），然后点击右上角的IconfontApp，如下图：3、上面有一个紫色的ImportIcons，点击上传你下载的SVG图标。4、上传的SVG图标会显示在下方的UntitledSet中，然后在上方选择形状类似钢笔的图标，点击进入编辑。解释上面的选择器。.鼠标箭头指示选择图标。垃圾桶代表删除图标，一般选择垃圾桶，点击图标删除。十字箭头表示更改位置5.在编辑中，第一个Tags表示你要查找这个图标时可以输入的名字，第二个框输入后面引用代码时要用到的名字。花是我创建的，所以取名为flower，然后关闭编辑器，不要点下载。6.然后点击右下角的GenerateFontF。进入后会看到这个页面，然后点击红圈中的齿轮进行下一步的编辑。7、进入编辑器后，需要修改以下内容。8.FontName表示待导入的字体需要导入的样式名称。ClassPrefix表示导入样式的前缀名。如果不设置后缀，则导入的样式名称为icon-flower9。选择SupportIE8andGeneratepreprocessorvariablesfor:LessandUseaclass然后在后面的框中填入css需要引入的类名，我写的是.wyhicon10这个名字，然后关闭编辑器，点击下方的download右上角下载此字体。11、下载完成后，解压。修改style.css中的内容/*我们需要将下面的url路径改为引用fonts文件夹的路径，根据实际情况修改*/@font-face{font-family:'wyhicon';src:url('../fonts/wyhicon.eot?q06q0o');src:url('../fonts/wyhicon.eot?q06q0o#iefix')format('embedded-opentype'),url('../fonts/wyhicon.ttf?q06q0o')format('truetype'),url('../fonts/wyhicon.woff?q06q0o')格式('woff'),url('../fonts/wyhicon.svg?q06q0o#wyhicon')格式('svg');...}/*下面类中的字体样式需要在下面的代码中添加font-family*/.wyhicon{font-family:'wyhicon',PingFangSC-Light,'helveticaneue','hiraginosansgb',arial,'microsoftyaheiui','microsoftyahei',simsun,sans-serif!important;...}.icon-flower:before{内容：“\e900”；}也就是在原来的style.css样式下.wyhicon下添加一个font-family:'wyhicon',PingFangSC-Light,'helveticaneue','hiraginosansgb',arial,'microsoftyaheiui','microsoftyahei',simsun,sans-serif！重要；11.然后在你的html文档中引用它
