從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字體

回答

相關問題