HTML中的粗体文本还原为不同的字体

时间:2015-11-14 17:35:18

标签: html css fonts font-face

我在网页中遇到问题。

我有一个名为Gotham的字体作为主副本,我在CSS中将它作为:

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

我还有一个单独用于公司徽标的字体。我已经使用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字体制作公司徽标,如下所示:

公司标志

所以我有这个:

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

CSS as:

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

但出于某种原因,公司徽标中的粗体字是以粗体显示的Gotham字体,而不是neosans。我最初认为它可能是NeoSans-Bold文件,或者字体系列搞砸了,因此制作了Gotham,但我将Body *字体系列更改为neosans并且徽标看起来像我想要的那样。

1 个答案:

答案 0 :(得分:1)

好的,我想我已修好了。

原来我有:

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

我刚刚把CSS中的Asterisk *带出了身体,这似乎已经成功了。我刚读过这篇文章,但我必须使用它而不完全理解它的作用。