html - 字体家族在同一页眉上使用不同的字体

像这样加载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页：字体家族：“ Open Sans”，sans-serif！重要；

第2页：字体家族：'Open Sans'，sans-serif！important;

在两个页面上都加载了Google字体和CSS。

有人知道这可能导致什么吗？

最佳答案

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

例如，如果您要为所有标题提供一种字体，则可能在其周围有其他div。假设div称为content：

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

最好的办法是看看为什么未在inspect元素中设置您的样式。右键点击Chrome>检查标题，然后查看其样式。除非完全必要，否则您应该尝试不要在任何地方使用!important规则。

关于html - 字体家族在同一页眉上使用不同的字体，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35156950/