Question

我一直在尝试添加http://www.lecrae.com着陆页上的css字体样式。这篇文章说＆＃34; LECRAE＆＃34;，我试图使用相同的CSS风格，但它似乎并没有为我工作，只有＆＃34; W＆＃34;在＃34;欢迎＆＃34;显示，它看起来也不像字体。这是我的代码：

CSS

.header { font-family: Futura, "Trebuchet MS", Arial,sans-serif;
    font-weight:700;
    letter-spacing:14em;
    line-height:1em;
    color:#333;
    font-style:normal;
    font-size:120px;
}

HTML

<h1 class="header">Welcome</h1>

Answer 1

这里有三个问题：

只显示标题为“欢迎”的第一个字母“W”。
您指定的字体未显示。
您想使用Futura，但它不是免费提供的。

第一个问题很容易解决。您正在使用letter-spacing 14em .14em，我假设您在复制给定来源时犯了错字，应该是sans-serif。这就解释了为什么你只能看到第一个字母：所有其他字母都被推出屏幕。

第二个问题也很容易解决。您正在指定用户计算机上可能不可用的字体。例如，大多数Linux发行版都没有附带您指定的任何字体，因此会回退到@import url('https://fonts.googleapis.com/css?family=Open+Sans:700'); .header { font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: .14em; line-height: 1em; color: #333; font-style: normal; font-size: 120px; text-transform: uppercase; }。如果您确实想使用特定字体@import来自Google Fonts之类的字体。这样，字体将由用户的浏览器下载。

第三个问题也很简单：您要么支付字体费用，要么需要使用其他免费提供的字体。

把它们放在一起：

<h1 class="header">Welcome</h1>

text-transform: uppercase

另请注意，您没有复制我在此处添加的SELECT *规则。

CSS字体样式不起作用

1 个答案: