创建我自己的图标字体.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十六进制值
• 导出和/或保存您创建的字体集