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/

祝你好運！ 並繼續提出問題。 那是最好的學習方式。