CSS字体覆盖问题/ Google Webfont的问题？

Question

我的问题很简单，我在主体样式中将字体设置为google webfont：

body {
  font: normal 100% 'Poiret One', 'Trebuchet MS', sans-serif;
  color: Grey;
  ...
}

然后，稍后我想将类中的文本设置为Trebuchet MS

#currentpage_content {
  font: 'Trebuchet Ms', Sans-Serif;
  color: red;
  ...
}

结果是#currentpage_content本的颜色是正确的（红色），但字体肯定仍然是“ Poiret One”。 字体似乎没有从'Poiret One'更改为'Trebuchet MS' 。 我也进行了一些交换，使Trebuchet MS成为默认设置，但我遇到了同样的问题（即使我为Poiret One设置了许多类字体，一切都是Trebuchet MS。）

有什么建议吗？

Answer 1

您必须使用font-family而不只是font

font-family: 'Trebuchet Ms', Sans-Serif;

或指定所有必需的font参数

font: normal 100% 'Trebuchet Ms', Sans-Serif;

Answer 2

尝试使用“字体系列”，而不只是“字体”。 另外，以防万一，请使用双引号而不是单引号。

CSS的一些好的调试工具和资源包括：

• firebug，这是firefox的插件

• http://www.w3schools.com/cssref/

• http://css-tricks.com/

祝你好运！ 并继续提出问题。 那是最好的学习方式。