私が取り組んでいるサイトで奇妙な問題が発生しました。ホームページを読み込むと、ナビゲーション内で見つかったフォントと見出しのフォントの重みが何らかの理由で緩んでいるように見えます。ホームページにのみ読み込まれる小さな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 でのみテストされています)。多分それはブラウザのレンダリングの問題ですか?