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

我的问题很简单，我在主体样式中将字体设置为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。）

有什么建议吗？

最佳答案

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

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

或为font指定所有必需的参数

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