12

将字体更新为现有字体

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

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

4

6 回答 6

10

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

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

保存/加载以前创建的字体的另一种方法是使用项目管理器：主菜单 > 管理项目。您可能需要下载您的项目，以便稍后将其加载回来。

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

于 2014-12-27T11:18:59.180 回答
5

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

于 2018-07-10T10:05:11.450 回答
4

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

于 2019-09-27T11:43:48.347 回答
1

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

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

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

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

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

于 2014-04-07T14:42:29.503 回答
0

作为备选;

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

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

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

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

于 2019-08-30T14:54:14.590 回答
0

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

于 2019-12-09T03:04:08.137 回答