Font-Family在相同的标题上使用不同的字体

Question

加载Google字体（Open sans）时，如下所示：

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700' rel='stylesheet' type='text/css'>

并在CSS中使用它：

font-family: 'Open Sans',sans-serif !important;

在不同的页面上，但页面加载相同的标题，css等：

第1页：font-family：＆＃39; 打开Sans ＆＃39;，sans-serif！important;

第2页：font-family：＆＃39;打开Sans＆＃39;， sans-serif ！important;

在两个页面上都会加载Google-font和css。

有人知道可能导致这种情况的原因吗？

Answer 1

尝试使CSS规则更具体。我看到你正在使用!important标记，所以你可能会覆盖框架或其他地方的现有规则。

例如，如果您尝试为所有标题提供字体，则可能还有其他div围绕它们。我们假设div叫content：

body .content .h1, body .content .h2 {
    font-family: 'Open Sans',sans-serif !important;
}

最好的办法是看看为什么你的样式没有在inspect元素中设置。右键点击Chrome＆gt;检查您的标题，看看它们的样式。除非完全必要，否则您应该尝试在任何地方使用!important规则。