Glyphicons如何工作？我怎样才能制作我自己的？

我有一系列我准备好的AI/SVG图像，所以我可以在像Glyphicons这样的图标字体库中使用它们。我一直在寻找不同的帖子，但没有发现太多有用的东西。Glyphicons如何工作？我怎样才能制作我自己的？

一个建议是使用GlyphAPP，但它仅限于Mac，我无法访问Mac。另一个是FontForge，它在我身上坠毁了几次。

所以目前我缺乏一个很好的工具来从我的SVG创建一个字体文件。但即使从那里，Glyphicon如何让他们的图标通过一个简单的<span>标签与课程一起工作？

我使用它通过Bootstrap3，并检查资源导致我到这个http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.woff。它看起来像一个正常的字体文件，ABC .. ABC .. 123 ..

我需要为了哪些步骤和工具AI或SVG文件去使用我的图标，如我会Glyphicons？

我并不反对付费工具，事实上，如果Adobe Creative Cloud中存在某些东西，我不知道如何丢失，我很乐意为此提供解决方案。

2014-09-28 Chris

对于近距离投票，帮助中心包括**这是一个实用的，可回答的问题，它是软件开发所特有的**。我还没有看到它适合的另一个SE网站。例如，网站管理员向SO提出了开发风格问题。 – Chris 2014-09-30 14:22:22

这个想法是，你创建一个webfont，其中包含在网站上使用的各种矢量化图形，以减少HTTP请求的数量。有时它们被捆绑成实际上包含常见ASCII字母的字体。

然后，您可以使用普通的旧CSS字体指令经常结合::before和::after psuedo属性来放置字形。

Dafont.com有相当体面的写作available tools。

2014-09-28 00:37:29 max

我希望在未来我们可以获得一种网页格式来打包SVG和光栅图像，所以我们不会像这样愚蠢的解决方法。 – max 2014-09-28 00:39:10

鉴于字体文件（svg，tiff，woff）我在哪里写CSS字体指令？我如何告诉引导程序或我的网站使用它们？ – 2017-10-04 20:49:51

您可以在样式表中放置字体指令。您通过创建CSS规则并将类应用于标记来“告诉引导程序使用它们”。 – max 2017-10-04 23:58:50

回答