font-face - 为什么我的字体在基线处添加空格？

Question

我的字体有些奇怪。似乎在字体下方添加了空间(不是边距)，将其推高到行高以上。如果我调整高度，它似乎被锚定到行高的底部，所以不是增加它下面的空间，而是实际上将字体的顶部推到行高之上。有什么办法，除了在顶部添加边距或填充，以确保它锚定到行高或中间的顶部？

CSS:

@font-face {font-family: 'AvenirLTStd-Book';src: url('/us/_media/font/2CA9EF_0_0.eot');src: url('/us/_media/font/2CA9EF_0_0.eot?#iefix') format('embedded-opentype'),url('/us/_media/font/2CA9EF_0_0.woff2') format('woff2'),url('/us/_media/font/2CA9EF_0_0.woff') format('woff'),url('/us/_media/font/2CA9EF_0_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTStd-Black';src: url('/us/_media/font/2CA9EF_1_0.eot');src: url('/us/_media/font/2CA9EF_1_0.eot?#iefix') format('embedded-opentype'),url('/us/_media/font/2CA9EF_1_0.woff2') format('woff2'),url('/us/_media/font/2CA9EF_1_0.woff') format('woff'),url('/us/_media/font/2CA9EF_1_0.ttf') format('truetype');}

h1,h2,h3,h4,h5,h6 {
    font-family:'AvenirLTStd-Black', Arial, sans-serif;
    margin-top: 0;
    font-weight: normal;
    line-height: 1em;
    color: inherit;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing:1px;
}

Answer 1

我知道这已经过时了，但我想我会为其他谷歌搜索这个问题发表评论。

看起来您正在使用 MyFonts.com 的 Avenir，它允许您“调整”您的 webfont 包。

我遇到了与上述相同的问题，将行高调整更改为使用边界框(匹配字形的边界框，行间距将始终为 0)解决了问题

我使用了下面截图中的设置:[屏幕截图链接已关闭]

想法是增加行高以减少基线处的空间，即:

h1  {
    font-size: 2rem;
    line-height: 3rem;
}