将徽标添加到字体

时间:2016-02-25 23:38:42

标签: html css svg

我正在重新设计我的小型企业网站,所以我想,为什么不在做的时候学点东西! :P

无论如何......我正在尝试将我的徽标放入HTML中。
- 免费和开源...我可能会添加 - 我使用的模板有一个看起来很好的占位符字形。我不知道如何通过使它成为一个字形来添加我的徽标。我的徽标有SVG / AI / png /等,但无法弄清楚如何轻松编辑字体文件以添加字形。

我目前已将其设置为图像,但由于此模板更新了桌面上的内容,而不是移动设备,因此它看起来不正确。 我得到它与BirdFont应用程序有点合作编辑字体,但是当我编辑它时,所有其他字形都消失了,并且尺寸关闭了。 使用预先安装的字形,您可以通过以下方式召唤一个字形

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

另外,在BirdFont中,我无法编辑转到glyphicon-GLYPH_NAME_HERE的名称,所以我只编辑了其中一个我知道我不会使用的名称。

TL:DR;什么是一种简单,快速,可靠的方法来编辑包含字形的字体文件,以添加我的徽标 - 作为字形?

非常感谢!

2 个答案:

答案 0 :(得分:1)

您可以尝试Fontastic,它允许您创建包含来自多个来源的大量矢量图标的字体,并从SVG文件或SVG字体添加您自己的图标(添加更多图标 - &gt;导入图标)。< / p>

答案 1 :(得分:0)

编辑glyphicon css文件以查找您未使用的字形,并将该值设置为新图像。