基于.png文件构建webfont的简便方法

时间:2013-10-21 18:21:37

标签: css icons webfonts

我们公司的设计师为我提供了一个图标集,作为一系列.png文件(每个图标1x和2x),我真的想切换到webfont。

做这种事是否有最好的做法?

3 个答案:

答案 0 :(得分:1)

如果您的png质量很好,可以在Adobe Illustrator中打开它们。

单击图像。在顶部栏上,出现一个“图像跟踪”按钮(德语为“Bildnachzeichner”)。单击“图像跟踪”框旁边的小箭头以显示下拉菜单。 选择“高保真照片”以开始图像追踪,如果结果不合适,请尝试从投影菜单中选择其他选项。

接下来,您将看到顶部的“扩展”按钮(德语中的“Umwandeln”)。 点击它。 Vercotr路径和填充被创建。 您可以根据需要调整它们并将其保存到svg文件中。

然后导入到icomoon.io ...

答案 1 :(得分:0)

我过去曾使用icomoon.io。我认为只有.png文件,但你只能制作一个图片精灵。您需要.svg格式的文件才能制作图标字体。

答案 2 :(得分:-2)

不要做。

改为使用sprite sheet