banner
CSS

如何合并两个icon库

Scroll down

如果你想在项目中使用多个icon库,可以使用icomoon工具来将它们合并。下面是详细的操作步骤:

  1. 导入图标库

首先,点击进入 https://icomoon.io/app/#/select ,然后点击页面左上角的 “import icons” 按钮,分别导入我们本地的两个字体。注意,此时只需要导入各个图标库的.svg文件。

导入图标库的界面如下所示:

  1. 合并图标库

接着就是选择我们需要合并的图标。一般情况下,只需全选这两个图标库的所有图标就可以了。

  • 点击要合并的第一个图标库名称左边的三角展开该图标库;
  • 单击每个图标库右侧的汉堡按钮,在弹出的菜单中选择 “select All” 选项,即可全选该图标库的所有图标。

对于第二个图标库也进行同样的操作。

然后我们就可以看到页面中所有图标都被我们选中了。最下方的 “selection” 显示了我们一共选择了262个图标。接下来,点击右下角的 “Generate Font” 去生成字体。

  1. 生成新图标库

进入生成图标页面,点击上方的 “Preferences” ,设置合并之后图标库的名称。这里我们将其命名为 “glyphicons-halflings-regular”。最好与原来项目使用的字体文件名称一致,这样只需替换文件而无需在CSS中更改文件名。

设置完成后,点击页面右下角的 “Download” 就可以下载了。

通过以上步骤,就能成功将多个icon库合并在一起,并使用它们在项目中。

其他文章
cover
Github更新项目
  • 23/04/05
  • 00:02
  • Github
cover
Hexo博客创建
  • 23/03/19
  • 16:42
  • Hexo
请输入关键词进行搜索