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

时间:2016-08-15 14:22:55

标签: html css svg icons font-awesome

我是网络开发的新手。在我的示例项目中获取图标我已经包含了font-awesome插件(http://fontawesome.io/icons/)。我可以选择所有类型的图标。但我有两个1,2,3,4,5 11,12,13,14,15 ,就像file.read().split()一样。

问题1:如何将项目特定图像(png)转换为“font-awesome”等图标

问题2:我搜索了一下然后发现它们只是带有svg扩展名的文件。所以,如果我转换我已经拥有的SVG格式的图像就足够了。

问题3:因此,一旦我创建了SVG图标,我将能够应用CSS样式,因为我应用了“font-awesome”图标。

我是这一切的新手。请指导我。

1 个答案:

答案 0 :(得分:7)

问题1:如何将项目特定图像(png)转换为" font-awesome"

等图标

link

  

png是位图图像样式,SVG是基于矢量的图形   设计支持位图,因此它不会像转换它一样   图像到矢量,只是嵌入基于矢量的格式的图像。您   可以使用免费的http://www.inkscape.org/来做到这一点。它会   嵌入它,但它也有一个类似引擎的Live Trace,它会尝试   如果你愿意,可以将它转换为路径(使用potrace)。

问题2:我搜索了一下然后发现它们只是带有svg扩展名的文件。因此,如果我转换已经具有SVG格式的图像就足够了。

问题3:因此,一旦我创建了SVG图标,我就可以应用CSS样式,因为我应用了" font-awesome"的图标。

您可以手动将其添加到font-awesome库中。另一方面,您应该使用在线工具来帮助您为图标创建自定义库,而不是拔掉头发。我过去曾使用Icomoonflaticon取得成功。