html - 一部の CSS ルールが Chrome でのみ機能するのはなぜですか?

Question

Chrome でこのページに移動し、セクションAktualnościとテキストを見てください。

Tupacsum Ipsum 彼女は命を落としそうになった....

次に、Firefox と Opera でこの同じ URL を見てください。font: 12px normal 'Lato', 'Times New Roman';次に、このルール(FF、Opera) と Chrome の両方で機能しない理由を説明してください。

私はどこかで間違いを犯しましたか？または、Chrome でのみ動作するものを使用しましたか?

クロム：

クロム

ここに画像の説明を入力

score 1 · Accepted Answer

ブラウザは、一般的なフォント属性の値に混乱しています。どこに何を適用するかを理解するために、さらに値を指定する必要があります。

これはうまくいきます：

body #main.home > .bottom .right .top article {
    font: normal 12px/normal 'Lato', 'Times New Roman';
}

@ferne97 の解決策は、セレクターに固有のものとして使用しない方が良い方法ですが、同じ一般的なフォント属性を使用する代わりに font-family が明示的に設定されているためにのみ機能します。元のフォント属性値で簡略化されたセレクターを使用すると、問題は解決しません。