加载Google字体(Open )时,如下所示:
<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等上,页面加载:
字体系列:'Open Sans',sans-serif!重要;
第2页:字体-家庭:‘打开的桑斯’,无衬线!重要;
在这两个页面上,Google字体和css都会被加载。
有人知道是什么原因造成的吗?
发布于 2016-02-02 07:20:11
尽量使您的CSS规则更加具体。我看到您使用的是!important
标记,所以您可能正在覆盖来自框架或其他地方的现有规则。
例如,如果你试图给所有的标题一个字体,你可能有其他的div围绕它们。假设div叫做content
body .content .h1, body .content .h2 {
font-family: 'Open Sans',sans-serif !important;
}
最好的做法是看看为什么您的样式没有设置在inspect元素中。右击Chrome >检查你的标题,看看它们的样式。除非完全必要,否则您应该尝试在任何地方使用!important
规则。
https://stackoverflow.com/questions/35156950
复制相似问题