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

回答