html - HTML 中的粗体文本恢复为不同的字体

Question

我在制作的网页中遇到字体问题。

我在主副本中有一个名为 Gotham 的字体，我在 CSS 中将其设置为:

body * {
    font-size: 1em;
    font-family: Gotham;
}

我还有一个单独的字体，仅用于公司 Logo 。我已将它们添加到 using font-face 中，如下所示:

@font-face {font-family: neosans; src: url("../fonts/neo_sans/NeoSan");}
@font-face {font-family: neosans; src: url("../fonts/neo_sans/NeoSans-Bold"); font-weight: bold;}

基本上我想使用 neosans 字体制作公司 Logo ，如下所示:

公司标志

所以我有这个:

<h1><b>Company</b>Logo</h1>

和 CSS 为:

.splash-title h1 {font-family: neosans; font-size: 6.5em; margin: 0; padding: 0;}

但出于某种原因，公司 Logo 中的粗体字恢复为粗体的 Gotham 字体，而不是 neosans。我最初认为它可能是 NeoSans-Bold 文件或字体系列搞砸了，因此将它变成了 Gotham，但我将 Body * 字体系列更改为 neosans，它的 Logo 看起来就像我想要的那样。

Answer 1

好的，我想我已经解决了这个问题。

最初我有:

body * {
    font-size: 1em;
    font-family: Gotham;
}

我刚刚在 CSS 中将 Asterisk * 从正文中移除，这似乎已经成功了。我刚刚读到它，我一定是在没有完全理解它的作用的情况下使用它。