2016-02-25 81 views
0

我正在重新設計我的小企業網站,所以我想,爲什麼不在學習的時候學習一些東西! :p將徽標添加到字體

反正......我試圖讓我的標識進入HTML。
- 免費和開放源代碼...我可能會添加 - 我使用的模板有一個佔位符字形,看起來很好。我無法找到如何通過使其成爲字形來添加我的徽標。我有我的標誌的SVG/AI/PNG /等,但無法弄清楚如何輕鬆編輯字體文件來添加字形。

我目前已將它設置爲圖像,但由於此模板更新了桌面上的移動設備的大小,因此它看起來不正確。 我知道它與BirdFont應用程序一起編輯字體,但是當我編輯它時,其他所有字形都消失了,尺寸也沒有了。 隨着預裝字形,您可以通過召喚的字形:

<span class="glyphicon glyphicon-GLYPH_NAME_HERE"></span> 

此外,在BirdFont,我不能編輯去glyphicon-GLYPH_NAME_HERE的名字,所以我只是編輯的其中之一,我知道我不會使用。

TL:DR;什麼是編輯包含字形的字體文件的簡單,快速,可靠的方式,以添加我的徽標 - 作爲字形?

非常感謝!

回答

0

編輯爲您未使用的字形的glyphicon css文件,並且該值設置爲你的新形象。

1

您可以嘗試Fontastic,它允許您創建帶有許多來自多個來源的矢量圖標的字體,並從SVG文件或SVG字體添加您自己的圖標(添加更多圖標 - >導入圖標)。

+0

燁的作品!這比我想象的要容易得多! –