嵌入式Webfont ITCAvantGardeStd-Demi.otf底部有固定内边距无法垂直居中求助

最近做项目时踩了个坑：我嵌入的ITCAvantGardeStd-Demi.otf字体居然自带固定的底部内边距，不管怎么调整，用这个字体的文本就是没法和其他字体一样垂直居中。我反复检查了line-height，确认没设过奇怪的值，但只要一用这个字体，问题就冒出来。搜了半天相关问题，结果全是讲line-height基础的教程，根本没说到点子上，愁死我了。

问题表现 #

• 第一个场景里，使用该字体的文本明显偏上，底部留了一块多余的空白，和旁边的元素完全没法对齐
• 第二个场景的按钮里，字体文本上下间距不均，离顶部近、离底部远，完全不居中

后来听人建议，我用字体转换工具处理了这个ITCAvantGardeStd-Demi.otf，转换的时候特意勾选了Fix Vertical Metrics（修复垂直度量）选项，结果一试就成了！

修复后的效果 #

• 第一个场景里，文本终于和其他元素完美垂直对齐，底部的多余空白彻底消失
• 第二个场景的按钮内，文本上下间距均匀，完全实现了预期的垂直居中效果

内容的提问来源于stack exchange，提问作者atotalpirate