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

Question

我在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");
}

任何帮助都会非常有用:)

Answer 1

我使用的是Icomoon App.

Icomoon应用程序允许您执行以下各项操作:

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