Font-Family在同一页眉上使用不同字体

Question

加载Google字体（打开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：“打开无衬线”，无衬线！重要；

第2页：font-family：“打开无衬线”，无衬线！重要；

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

有人知道是什么引起的吗？

Answer 1

尝试使您的CSS规则更加具体。我看到您正在使用！importity标记，因此您可能正在覆盖框架或其他地方的现有规则。

例如，如果您试图为所有标头提供一个字体，那么它们周围可能有其他div。假设div称为content:

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

最好的做法是查看为什么不在inspect元素中设置样式。右键单击Chrome>Inspect，查看标题的样式。除非完全有必要，否则您应该尝试不要在任何地方使用！importity规则。