Question

我在css3中使用@ font-face在网站上放置一些字体而不使用页面标题的图像。

但是我发现当使用font-face有点像段落或换行符时，会在标题下面创建一个间隙。间隙大小相对于字体大小，并在大小增加时增加。

我使用的字体类型是相对较小的Asenine，因此我的尺寸设置为60px

我不确定为什么会这样，似乎无法找到解决办法。

这是我的CSS

}
@font-face {
    font-family:'asenine';
    src: url('fonts/asenine.eot');
    src: url('fonts/asenine.eot?#iefix') format('embedded-opentype'),
    url('fonts/asenine.woff') format('woff'),
    url('fonts/asenine.ttf') format('truetype');
 }
 h1{
    font-size:60px;
    font-family:asenine, Arial, Helvetica, sans-serif;
    text-shadow:7px 3px 4px #0c0c0c;
    font-weight:100;
}

Answer 1

由于行高，可能会发生这种情况。字体越大，线高越大。并使用CSS简写字体相关设置，它更好：

h1 { 
    font: normal 60px/0 'asenine', Arial, Helvetica, sans-serif; 
    text-shadow:7px 3px 4px #0c0c0c;
}

第一行表示：正常重量，60px字体大小，0px行高（删除该空格），font-families。

css 3字体表面创建换行符

1 个答案: