Schrift Gewicht ändert als Block auf der Anzeige

Question

Ich versuche, die berühmten nav Bars zu schaffen, aber ich bin ein seltsames Problem zu begegnen ...

Ich habe ein JSFiddle erstellt, die meinen Code und mein Problem zeigt : JSFiddle

Grundsätzlich, wenn ich die „2“ -Menü bin schweben, so dass mein Dropdown-Inhalt als Block angezeigt (vorher wurde es auf none gesetzt) ​​mein ganzes Dokument font-weight verändert ...

Zwei Dinge :

• Wenn ich meine .dropdown-Inhalte display: block Einstellung ich dass dieses Problem auftritt nicht
• Zweitens, wenn ich meine .head1 position auf etwas anderes als fixed Einstellung ich begegnet diesem Problem nicht

Vielen Dank im Voraus für jeden Hinweis!

Und ich habe vergessen, passiert zu erwähnen, aber dies nur auf Safari ...

Answer 1

Try

body{ 
    -webkit-font-smoothing: subpixel-antialiased; 
} 

zu Ihrem CSS hinzufügen. Arbeitete für mich in Safari, als ich es in Ihrem JSFiddle hinzugefügt habe.

Weitere Informationen finden sie unter: Font weight turns lighter on Mac/Safari