如何从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虽然不是免费的。