.ttf 字体转换为 webfont 有奇怪 space

Question

我在许多在线转换器中将此 .ttf 转换为 webfont（用于 css），但结果总是在底部有一些奇怪的 space。这就像 line-height 和 valign 故障。

这是链接的外观示例

还有on Ubuntu (Linux) and on other OS it looks different（见顶部header文本"RO EN RU"垂直对齐）。

您知道为什么会发生这种情况以及如何解决它吗？

Answer 1

使用line-height解决问题：

JSFiddle

我用 line-height:0.5 在 font-size 中删除了这个 space，共 24

Answer 2

The .ttf and the webfont同底space。所以 webfont 转换没有任何问题。这就是 Minecraftia 字体的设计方式。唯一的解决办法是找一个字体编辑器，把每个字符的底部 space 去掉。