如何将 glyphicons.com（png 文件）中的其他 glyphicons 添加到 bootstrap 3？

Question

我知道如何使用标准字形图标，但我想从以下地址额外使用它：http://glyphicons.com/ 免费版的直接链接：http://glyphicons.com/files/glyphicons_free.zip

我的引导程序的结构如下：

    ➜  bootstrap-3.1.1-dist  tree
    .
    ├── css
    │   ├── bootstrap-theme.css
    │   ├── bootstrap-theme.css.map
    │   ├── bootstrap-theme.min.css
    │   ├── bootstrap.css
    │   ├── bootstrap.css.map
    │   └── bootstrap.min.css
    ├── fonts
    │   ├── glyphicons-halflings-regular.eot
    │   ├── glyphicons-halflings-regular.svg
    │   ├── glyphicons-halflings-regular.ttf
    │   └── glyphicons-halflings-regular.woff
    └── js
        ├── bootstrap.js
        └── bootstrap.min.js

3 directories, 12 files

虽然下载目录的结构是这样的：

    ➜  glyphicons_free  tree

        .
        ├── _changelog.txt
        ├── _readme_first.txt
        ├── glyphicons
        │   └── png
        │       ├── glyphicons_000_glass.png
            . . .
        │       └── glyphicons_469_server_new.png
        └── glyphicons_social
            └── png
                ├── glyphicons_social_00_pinterest.png
            . . .
                └── glyphicons_social_49_ios.png

4 directories, 522 files

我应该把这个 png 文件放在哪里？我应该如何引用它们？

Answer 1

我通常使用icomoon 应用程序将svg 文件转换为字体。

PNG 不会给你最好的结果，你需要获取图像源 AI 或其他矢量源，将它们转换为 svg 并将其输入到这个应用程序中，你可以得到你的字体。

我认为你不能在没有源代码的情况下重新打包引导字体，除非你使用添加的字形和所有现有的引导字体创建新字体。你可以在这里获得他们的来源：Glyphicons 虽然不是免费的。