字体图标制作

摘要： 利用icomoon生成字体图标Step1：浏览器打开 icomoon；Step2：导入svg图标。点击左上角的“import icons”按钮，选择您想要制作成字体的sv...

利用icomoon生成字体图标

Step1：浏览器打开 icomoon；

Step2：导入svg图标。点击左上角的“import icons”按钮，选择您想要制作成字体的svg图标；

Step3：导出字体图标及demo。选中您需要的图标字体，点击页面最下方的“Font”按钮，在download之前还可以进行些个人的配置。点“Preferences”按钮，可以设置你的字体的名字（Font Name）、样式的前缀或后缀、如果需要兼容IE7及以下的浏览器请勾选上，等还有更多不太常用详细的选项。配置后之后，download it!

Step4：拷贝你所需要的资源到自己的项目。解压文件后，里面有一个示例的demo页面，大家可参考里面的写法，然后把所用的fonts和样式拷贝到自己的项目中，大功告成啦！

Icomoon是目前我所知道的最好用的字体图标工具，它包含免费版和收费版本，免费的图标就有1000+款，具体可在它的library里面查看添加或移出；另外它还可以在Chrome web Store中使用。更多强大功能还等你发现哦。