使用google webfont的CSS字体覆盖问题/问题？

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

尝试使用“font-family”而不仅仅是“font”。 另外，为了以防万一，请使用双引号而不是单引号。

css的一些好的调试工具和资源是：

• firebug，这是firefox的插件

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

• http://css-tricks.com/

祝你好运！ 并不断提问。这是最好的学习方式。