为什么我的font-face会在基线处添加空间?

前端之家收集整理的这篇文章主要介绍了为什么我的font-face会在基线处添加空间?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的字体做的很奇怪.似乎在字体下面添加了空格(不是边距),将其推高到行高以上.如果我调整高度,它似乎固定在线高的底部,所以不是增加下面的空间而是实际上将字体的顶部推到线高以上.有没有办法,保存添加边距或填充到顶部,以确保它锚定到行高或中间的顶部?

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;
}

解决方法

我知道这是旧的,但我想我会留下评论其他人谷歌搜索这个问题.

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

我有与上面相同的问题,更改线高度调整以使用边界框(匹配字形的边界框,线间隙将始终为0)修复问题

我使用了以下屏幕截图中的设置:

https://www.dropbox.com/s/9cwhtngo99yozj7/Screen%20Shot%202015-06-19%20at%2011.56.17.png?dl=0

原文链接:https://www.f2er.com/css/214866.html

猜你在找的CSS相关文章