Question

我正在处理的网站有点奇怪的问题。当我加载主页时，我在导航和标题中找到的字体似乎由于某种原因而丢失了一些字体重量。我已经设法将它缩小到只在主页上加载的一小段javascript，当删除时我的所有字体都很好而且很胖。

在javascript（为滑块制作）中，它根本没有提到h标签，也没有提到与font-weight有关的任何内容。但它似乎仍在影响它。

这是JS，如果有人能看出为什么会发生这种情况？

var sliderActive = $("#wrapper #slider-single")

sliderActive.not(":first").removeClass("active");

sliderActive.on("hover", function() {
    sliderActive.removeClass("active");
    $(this).addClass("active");
});

就是这样。就像我说的，如果我删除这个文件字体很好。不明白为什么：S

活动课程的CSS会影响您在此处看到的滑块：http://ember.lukeseager.com

.active .each {
    background-color: rgba(0,0,0,.1);
    -moz-transition: .3s ease; -webkit-transition: .3s ease; 
    -o-transition: .3s ease; -ms-transition: .3s ease; transition: .3s ease;
}
.active .home_video {
    top: 0px;
    z-index: 0;
}

你们拥有的任何信息都会令人惊叹！谢谢！

编辑：在浏览器中进行测试，这似乎只是Chrome上的一个问题（目前只在Mac上测试过）。也许这只是一个浏览器呈现问题？

Answer 1

CSS类.active可能被定义为具有另一种字体权重。因此，当您添加该类时，字体权重会发生变化。执行脚本后，请通过Code Inspector仔细检查CSS。

Answer 2

它在http://ember.lukeseager.com/wp-content/themes/ember/css/reset.css文件中：

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

更新：

你确定它是你所说的字体重量，而不是字体大小吗？ typography.css包含：

.slider-heading { font-size: 1em !important; }

!important标志使得覆盖layout.css中的以下内容：

.each h2 {font-size：18px; }

JavaScript无缘无故地改变了font-weight？

2 个答案: