html - 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 页:字体系列:'Open Sans',sans-serif !important;

第 2 页:字体系列:'Open Sans',sans-serif !important;

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

有人知道是什么原因造成的吗？

Answer 1

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

例如，如果您尝试为所有标题指定一种字体，则它们周围可能有其他 div。假设 div 名为 content:

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

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