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

Question

我是网络开发的新手.在我的示例项目中获取图标我已经包含了font-awesome插件(http://fontawesome.io/icons/).我可以选择所有类型的图标.但我有两个三个project specific images像project logo.

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

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

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

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

Answer 1

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

链接

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

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

是

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

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