我的字体做的很奇怪.似乎在字体下面添加了空格(不是边距),将其推高到行高以上.如果我调整高度,它似乎固定在线高的底部,所以不是增加下面的空间而是实际上将字体的顶部推到线高以上.有没有办法,保存添加边距或填充到顶部,以确保它锚定到行高或中间的顶部？
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
