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

标签 html css fonts webfonts

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

这是链接的外观示例 s

还有 on Ubuntu (Linux) 和 on other OS it looks different (请参阅顶部标题文本“RO EN RU”垂直对齐)。

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

最佳答案

使用line-height解决问题:

JSFiddle

我使用 line-height:0.5 删除了 font-size of 24 中的这个空格

关于html - .ttf 字体转换为 webfont 有奇怪的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29417783/

相关文章:

javascript - 如何在vuejs中用循环包装2个或更多的html元素

html - Netbeans 7.3 显示警告 CSS 类即使存在并在 JSP 中工作也找不到

android - 自定义字体、MultiLine TextView 上的省略号、字形和故障

css - 使用 CSS 将阿拉伯文本显示为单独的字符(而不是草书)

html - css 阿拉伯语 ttf 字体不起作用

javascript - 当我上下滚动右侧内容的 html 页面时,如何自动选择左侧链接?

javascript - net::ERR_ABORTED 404(未找到)Javascript

html - 设计网页时我应该在CSS中使用哪个单位

.net - 我可以将一幅图像的白色(默认)背景替换为另一幅图像吗?

CSS 悬停闪烁