Search code examples
htmlcssfontswebfonts

.ttf font converted to webfont has weird space

I converted this .ttf to webfont (used in css) in many online converters but the result always has some weird space at the bottom. It's like a line-height and valign glitch.

Here is an example how the links looks s

Also on Ubuntu (Linux) and on other OS it looks different (see the top header text "RO EN RU" vertical alignemnt).

Do you have any idea why this happens and how to fix it?

Solution

  • The .ttf and the webfont has the same bottom space. So there is nothing wrong with the webfont convers. This is just the way the Minecraftia font was designed. The only solution is to find a font editor and to remove the bottom space from every character.