html - 我的嵌入式网络字体似乎有一个永久的填充底部

标签 html css fonts webfonts woff

下面的图片展示了我的问题。在使用此字体的任何地方,您都可以看到它不会像其他字体那样垂直居中。我没有任何奇怪的行高设置。我在任何地方使用它都是这样。

我不知道为什么,我一直在谷歌上搜索这个问题,但除了有关行高的教程之外什么也没找到,这些教程毫无帮助。

字体为 ITCAvantGardeStd-Demi.otf。

enter image description here

enter image description here

按照zgood的建议,转换字体并选中https://transfonter.org/上的“修复垂直指标”解决了我的问题。

使用“修复垂直指标”:

enter image description here

enter image description here

最佳答案

有时您需要标准化字体垂直规范。您可以通过网络字体生成器运行它,例如 Font SquirrelTransFonter并选择“修复垂直规范”以生成新的字体文件。

关于html - 我的嵌入式网络字体似乎有一个永久的填充底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50260089/

相关文章:

javascript - 更改滚动上的 Logo 图像尺寸(宽度和高度)

jquery - 使用 Jquery 更改图像的宽度和高度值,与浏览器问题相关

javascript - 如何删除 div 但防止滚动位置被更改?

javascript - 使用 JQuery 隐藏和显示 div 一次只有两个 div 动画

javascript - 如何使用 Javascript 重新定义 CSS 类

fonts - 关于多语言支持的字体和字符集,我需要了解什么

javascript - AJAX显示/隐藏div

html - 奇怪的方格CSS过渡

css - 如果你有多种字体类型,你将如何使用@font-face?例如 Josefin Slab SemiBold 和 Josefin Slab Bold 等

css - 使用在单独的 CSS 文件中定义的自定义字体