在不同的页面中具有不同的字体重量/类型

时间:2017-07-24 11:59:49

标签: css fonts

我的儿童网站出现问题。我已经在网站上调整了大部分内容,但后来我发现页面之间的字体和重量是不同的。目前,我正在通过css插件覆盖CSS,在面对这个问题之前它一直很好。

这是字体的CSS代码;

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
*{font-family:"Open Sans" !important;
  font-weight: 100;
  color: rgba(0, 0, 0, 0.50);
  font-size: 18px;

}

p{
color:  rgba(0, 0, 0, 0.50) !important;
   font-weight: 100 !important;
}

strong{
color: #1a9396 !important;
font-weight: 300 !important;
}

h1, h2, h3, h4, h5{
color: #1a9396 !important;
font-weight: 100 !important;
} 

1 个答案:

答案 0 :(得分:0)

问题是您的一个Revslider在加载CSS文件后正在加载http://fonts.googleapis.com/css?family=Open+Sans:300%2C400。这会导致font-weight: 100;的所有字体呈现为Open Sans Light。罪魁祸首是标题下方的滑块。这种情况发生在使用revslider的所有页面上。

如果您希望字体使用Open Sans Light,请尝试删除@import url(http://fonts.googleapis.com/css?family=Open+Sans);或将其更改为@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400);

如果您想要正常的字体粗细,请尝试将font-weight设置回400,问题就解决了。

我不熟悉Revslider,但看起来您可以停止从Revslider设置加载Open Sans字体。以下是有关执行此操作的说明的链接:https://www.themepunch.com/revslider-doc/google-fonts/