JavaScript無緣無故更改字體粗細？

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可能已定義為具有另一個font-weight。 因此，當您添加該類時，字體粗細會發生變化。 執行腳本后，請通過代碼檢查器仔細檢查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; }