即使行高设置为1

Question

查看本网站中心广泛分布的文字：http://www.sharonhadary.com/。

我尝试在网络检查器中将line-height属性设置为1（最初设置为1em），但这没什么效果。这对我来说是令人惊讶的，因为看起来文本的行高为2或3。

Answer 1

删除巨人font-size并将其修复。

.banner-wrap .banner h2 {
    padding-bottom: 30px;
    color: #ffffff;
    word-spacing: .1em;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    /* font-size: 100px; */ /*REMOVE THIS */
    font-weight: normal;
    line-height: 1.1em;
}

此外，<font>已被弃用，不应再使用

Answer 2

尝试添加line-height: 22px而不是1em。

Answer 3

我没有正确理解你的问题但是

1）如果您担心文字中的间距，请从"word-spacing: .1em;"中的.banner h2 CSS规则中删除main_style.css。

2）如果您担心行之间的间距，请在line-height中的.banner h2 CSS规则中缩小main_style.css。