poids de police est en train de changer sur l'affichage comme bloc

Question

Je suis en train de créer ces fameux bars de nav, mais je rencontre un problème bizarre ...

J'ai créé un jsFiddle qui montre mon code et mon problème : JSFiddle

en fait, quand je suis en vol stationnaire le « 2 » dans le menu déroulant afin que mon contenu est affiché comme bloc (auparavant, il a été fixé à aucun) mon document entier font-weight change ...

Deux choses :

• Quand je mise mon .dropdown contenu à display: block Je ne suis pas rencontrer ce problème
• deuxième quand je mise mon .head1 position à quoi que ce soit d'autre que fixed je ne suis pas rencontrer ce problème

Merci d'avance pour toute idée!

Et j'oublié de mentionner, mais cela ne se produit sur Safari ...

Answer 1

Essayez d'ajouter

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

à votre CSS. Travaillé pour moi dans Safari quand je l'ai ajouté dans votre JSFiddle.

S'il vous plaît jeter un oeil à: Font weight turns lighter on Mac/Safari