html - Glyphicons如何工作？我怎么能自己做？

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        4年前关闭。
                                                                                            
                
        
我已经准备了一系列AI / SVG图像，因此可以在图标字体库（如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中直接缺少某些东西，而我却以某种方式缺少它，我很乐意将其作为解决方案。

最佳答案

这个想法是，您创建一个Webfont，其中包含站点上用于减少HTTP请求数量的各种矢量化图形。有时，它们被捆绑成一种字体，该字体实际上也包含常见的ASCII字母。

然后，您可以使用普通的旧CSS字体指令（通常与::before和::after伪属性一起使用）放置字形。

Dafont.com的available tools相当不错。