.ttf字体转换为webfont有奇怪的空间

时间:2015-04-02 16:23:51

标签: html css fonts webfonts

我在许多在线转换器中将此.ttf转换为webfont(在css中使用),但结果总是在底部有一些奇怪的空间。它就像line-heightvalign小故障。

以下是链接外观的示例 s

另外on Ubuntu(Linux)和on other OS it looks different(请参阅顶部标题文字" RO EN RU"垂直对齐)。

你知道为什么会发生这种情况以及如何解决这个问题吗?

2 个答案:

答案 0 :(得分:0)

使用line-height解决问题:

JSFiddle

我使用line-height:0.5删除了font-size 24

中的这个空格

答案 1 :(得分:0)

The .ttfthe webfont具有相同的底部空间。所以webfont对话没有任何问题。这就是Minecraftia字体的设计方式。唯一的解决方案是找到字体编辑器并从每个字符中删除底部空格。