我们公司的设计师为我提供了一系列 .png 文件的图标集(每个图标 1x 和 2x),我真的很想将其切换为 webfont。
做这种事情有最佳实践吗?
如果您的 png 质量很好,您可以在 Adobe Illustrator 中打开它们。
单击图像。在顶部栏上,会出现一个按钮“图像跟踪”(德语中的“Bildnachzeichner”)。单击“图像跟踪”框旁边的小箭头以获取下拉菜单。选择“高保真照片”开始图像跟踪,如果结果不适合尝试下拉菜单中的其他选项。
接下来,您将在顶部看到一个“展开”按钮(德语中的“Umwandeln”)。点击它。创建 Vercotr 路径和填充。如果需要,您可以调整它们并将其保存到 svg 文件中。
然后导入 icomoon.io ...
我过去使用过icomoon.io。我认为只有 .png 文件,但您只能制作图像精灵。您需要 .svg 格式的文件来制作图标字体。
不要这样做。
请改用精灵表。