Html 字体系列在同一页眉上使用不同的字体

加载Google字体（打开SAN）时，如下所示：

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

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

在不同的页面上，但在相同的页眉、css等页面上加载：

第1页：字体系列：“打开Sans”，无衬线！重要的

第2页：字体系列：“打开Sans”，无衬线！重要的

在这两个页面上都加载了谷歌字体和css

---

有人知道这是什么原因吗？

试着让你的CSS规则更具体一些。我看到你正在使用

！重要信息

标记，因此您可能正在覆盖框架或其他地方的现有规则

例如，如果您试图为所有标题指定一种字体，则可能会有其他div围绕它们。假设div被称为

content

：

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

---

最好的办法是查看为什么没有在inspect元素中设置样式。用Chrome>Inspect右键单击标题，查看它们的样式。您应该尽量不要使用

！重要信息

除非完全必要，否则在任何地方都要遵守规则。

您可以显示更多CSS声明吗？寻求代码帮助的问题必须包含在问题本身中复制它所需的最短代码，最好是以最短的方式。请参阅-如果缓存出现问题，请尝试清除该问题。-您是否有在线示例供我们查看？您是如何构建负载的？谷歌字体是在你的CSS之前加载的吗？确保首先加载依赖项！在模板中，首先加载字体，然后加载自定义css，其中包含族规则。但是由于css被缩小，字体在css之后被加载。这是两个页面的情况，样式正在设置，但在一个页面上它得到第一个字体系列，在另一个页面上得到第二个字体系列。是的，我知道！重要的只是测试它是否能以这种方式工作。css用于一般体{}。样式正在设置中，但在一个页面上，它获得第一个系列，在另一个页面上获得第二个系列。