如何将icomoon字体更新为现有的icomoon字体？

Question

将字体更新为现有字体

我已经在我们的网站上使用了5个icomoon字体，这些字体是从icomoon下载的。我想要包含2个以上的字体。我该怎么办？

我可以将新的2种字体添加到现有字体吗？ 如果是，我该如何添加它们？

Answer 1

我假设您要为现有字体添加新的“图标”。从IcoMoon下载的字体包附带一个“selection.json”文件。如果您有此文件，请使用导入图标按钮将其导入IcoMoon应用程序。完成后，您可以选择更多图标来生成新字体。

如果您无权访问此“selection.json”文件，则可以使用相同的导入图标按钮导入SVG字体。这种情况的缺点是您可能需要再次添加字形名称。

保存/加载以前创建的字体的另一种方法是使用项目管理器：主菜单＆gt;管理项目。您可能希望下载项目，以便以后加载它。

更多信息：https://icomoon.io/#docs/save-load

Answer 2

目前，icomoon不允许您导入.ttf文件。但可以使用svg完成，使用http://freefontconverter.com/之类的服务将.ttf文件转换为svg，完成后，您可以将svg文件导入当前项目中，并向其中添加更多图标。 / p>

Answer 3

不确定这是否已经解决，因为这是一个老问题，但根据您目前的情况，您可以采取一些方法。

理想情况下，当您第一次下载前5个icomoon字体时，您仍会拥有selection.json文件。如果不是，您可能仍然将项目存储在浏览器中。如果是这样，那么您将拥有当前的5种字体，所有设置和类名都相同。

如果你能够做到那么好，那么你只需要添加两种新字体的代码。要添加两种新字体，您可以通过选择字体的svg版本将两者的整个字体文件导入IcoMoon。然后将其添加到具有原始5种字体的现有字体中，您应该很高兴。

关键是恢复原来的5，所以不需要重复工作就可以恢复原状。如果你不能这样做，那么在icomoon中添加2个新字体作为新项目可能更容易，只需将这2个字体压缩为1个新图标字体。

我有一些关于icomoon基础知识和导入项目的信息：http://stephentvedt.com/2014/04/03/using-custom-icon-fonts-icomoon-quickstart/

Answer 4

作为替代；

如果您已经有TTF（True Type字体），请使用例如font-converter.net将TTF转换为SVG。在IcoMoon中，您现在可以点击“导入”，通过导入SVG文件来带回您的图标/字符，并添加您认为合适的图标。

如果您正在查看其他字体格式（例如，在MacOS，TTC下），则首先考虑将其转换为TTF（这对我有用：transfonter.org）。

注意：我绝不隶属于这两个网站。 我首先尝试了Vaibhav Soni的建议，但该网站似乎不再正常工作。

还请注意，某些字体是商业性的和/或具有版权限制，因此您不应以这种方式使用这些字体。

Answer 5

转到icomoon网站，单击icomoon应用程序，单击导入按钮，然后导入您代码中的旧icomoon.SVG文件，一旦导入，您将在icomoon网站中看到该文件中的所有图标完成并导入新的SVG或从要添加到现有列表的现有icomoon列表中选择，选择全部（即已存在的旧图标和要添加到现有列表的新图标），单击生成字体然后下载该文件，将其解压缩，您可以看到fonts文件夹复制该文件夹中的所有文件并将其粘贴到您的代码中（我的意思是用此文件替换您代码中的现有文件），然后您可以在解压缩后看到styles.css文件夹icomoon zip在那里您可以看到新生成的类，将这些新生成的类复制并粘贴到您存在其他图标类的代码中

Answer 6

正确的方法，应该导入所有以前的模块图标和新图标。然后生成字体，并在代码中替换fonts文件夹和style.css文件目录。