如何从PNG图像制作字体图标?

Posted

技术标签:

【中文标题】如何从PNG图像制作字体图标?【英文标题】:How to make a font-icon from PNG image? 【发布时间】:2014-10-19 11:39:28 【问题描述】:

目前我正在为我的图标使用 .png 图像。我想将它们转换为字体图标并改用它们。我正在做的是将图像转换为 SVG,然后将它们导入 Icomoon,但我得到的只是空白字段。我究竟做错了什么?有没有我遗漏的要求?

【问题讨论】:

你的png图片在哪里??? 如果你有一个有效的 svg 文件,它应该可以工作(即对我有用).. @thebjorn 我正在使用image.online-convert.com/convert-to-svg,我担心它实际上并没有转换文件,而是嵌入它。我还使用了 Inkscape。它也失败了:( @Elleshaar,这里是创建图标字体的完整教程。lynda.com/Glyphs-App-tutorials/Creating-Icon-Fonts-Web/… @Hbirjand 谢谢,我回家后看看 【参考方案1】:

我也遇到了同样的问题,就是你从Icomoon那里得到的style.css文件中的路径,改正就可以了。

【讨论】:

以上是关于如何从PNG图像制作字体图标?的主要内容,如果未能解决你的问题,请参考以下文章

制作图标字体

如何制作自己的网页字体图标

如何创建像字体真棒这样的图标

字体图标 vs png 图标

在 CSS 属性中将图标字体设置为背景

如何在页面中使用Font Awesome字体图标