加载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。
有人知道是什么引起的吗?
尝试使您的CSS规则更加具体。我看到您正在使用!importity
标记,因此您可能正在覆盖框架或其他地方的现有规则。
例如,如果您试图为所有标头提供一个字体,那么它们周围可能有其他div。假设div称为content
:
body .content .h1, body .content .h2 {
font-family: 'Open Sans',sans-serif !important;
}
最好的做法是查看为什么不在inspect元素中设置样式。右键单击Chrome>Inspect,查看标题的样式。除非完全有必要,否则您应该尝试不要在任何地方使用!importity
规则。