css - CSS字体覆盖问题/谷歌网络字体问题？

Question

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

You have to use font-family instead of just font

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

or specify all the required parameters for 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/

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