从Node.js中的多个SVG图形生成SVG字体

我想创建一个Node.js应用程序，它允许用户将一堆SVG图标组合成一个自定义Web字体图标集。我找到的唯一类似的项目是this site，它看起来很有趣，但是很漂亮。从Node.js中的多个SVG图形生成SVG字体

最终，我希望这个应用程序还能输出所有各种跨浏览器字体文件和CSS，以便在使用最佳做法的页面上使用这些图标。所以总体目标是创建一个SVG图标框架。

但我想要工作的第一件事情是将多个SVG图标组合成一个SVG字体文件。如果上面提到的网站是这样做的，但必须有可能，但我无法找到任何好的信息。

任何人都可以指向正确的方向吗？谢谢！

编辑：我碰到了this service，虽然我不想托管字体，但我希望我的服务可以免费（也可能是开源的），但看起来与我的目标非常相似。

来源

2012-02-22 Adam

像我的许多大思路，有人认为它首先:)

对于任何人谁可能会遇到这个，看看Keyamoon's font generator tool。

来源

2012-04-25 19:11:05 Adam

如何在构建时回合npm包来滚动字体文件？ – hurrymaplelad 2012-11-16 01:29:04

@hurrymaplelad会很棒，特别是如果它生成了一个样式表来将特殊字符映射到CSS类。 – Adam 2012-11-16 18:37:53

后期种类，但如果任何人都需要它，我认为这会做：https://github.com/sapegin/grunt-webfont

来源

2013-05-20 04:19:12

Glyphter.com处理多路径的图标，这样可能是你一个很好的资源，以及。

来源

2014-03-14 21:04:48

您可以尝试svg-join将一个符号集合中的多个SVG合并在一起。

此工具为您创建两个文件。首先是 “SVG-bundle.svg”：

<svg ...> 
    <symbol id="svg1" ...> 
    <symbol id="svg2" ...> 
</svg>

每一个符号是你的独立的SVG文件。

最后一个是 “SVG-bundle.css”：

.svg_svg1, 
.svg_svg2 { 
    width: 20px; // for example 
    height: 20px; 
}

现在你可以用它在你的HTML：如果你想自动的东西

<link rel="stylesheet" type="text/css" href="svg-bundle.css" /> 
... 
<svg class="svg_svg1"><use xlink:href="svg-bundle.svg#svg1"></svg> 
<svg class="svg_svg2"><use xlink:href="svg-bundle.svg#svg2"></svg>

来源

2016-09-02 13:32:40 Climenty

存在NPM包称为svg-font-create。

来源

2016-12-11 13:33:46

从Node.js中的多个SVG图形生成SVG字体

回答

相关问题