Html 创建我自己的图标font.ttf.eot.woff和svg文件

我已经在AI中创建了一些图标，所以现在我正在研究如何在不使用第三方应用程序（如fontastic…）的情况下将它们转换为web的图标字体

因此，我需要创建自己的.ttf、.eot、.woff和.svg文件，以这种方式插入它们：

@font-face {
  font-family: "MYFONT";
  src:url("fonts/MYFONT.eot");
  src:url("fonts/MYFONT.eot?#iefix") format("embedded-opentype"),
    url("fonts/MYFONT.woff") format("woff"),
    url("fonts/MYFONT.ttf") format("truetype"),
    url("fonts/MYFONT.svg#MYFONT") format("svg");
}

任何帮助都将非常有用……：）

我使用

Icomoon应用程序允许您执行以下每项操作：

• 从几种常用图标字体中获取一个或多个图标
• 上传其他字体，可能是图标字体，也可能是常规字体
• 上载SVG文件以用作图标
• 从任意数量的可用字体中组合任意数量的图标
• 为需要的字符设置UNICODE十六进制值
• 导出和/或保存您创建的字体集

---

不，您不需要：不要使用所有过时和系统格式。你完成了。微软不再支持任何不支持WOFF的浏览器，所以EOT现在是一种死格式；SVG真的死了，规范被废弃了。TTF和OTF是通用字体，因此浏览器可能比WOFF中包装的相同字体更严格地解析它们。底线：2016年，使用WOFF，并且只使用WOFF。额外的好处：当出现问题时，你的代码更干净，更容易调试。这真是太棒了。花5分钟学习它们的界面，然后导入现有图标，对其进行操作，然后导出它们。