Metinlerin font ağırlığı, flash veya jquery google haritalarında, neden ve bununla ilgili ne yapılacağını belirlediğinde sabit bir div içinde değişir.

Question

Bir süre önce bir sayfa için gezinme menüsü olarak sabit bir div yaptım. Bir vimeo flash filmi üzerinde kaydırıldığında metnin yazı tipi ağırlığının azaldığını fark ettim.

Şimdi başka navigasyon menüsünde tekrar görüyorum, ama bu kez bir jquery google harita üzerinde kaydırma yaparken: http://jorenfrielink.com/beta/

bunu haritayı üstünde uzandığında menü düğmesinin font-weight azalır görebileceğiniz gibi. Şimdiye kadar bunu krom ve safari içinde fark ettim.

Bu yaygın bir sorundur ve bu konuda ne yapacaksınız?

Answer 1

Bu düzeltmeyi deneyin:

opacity: 99;

metin üzerinde.

Eğer bu sorunu giderirse, probleminiz OSX'in yazı tipi oluşturmasından kaynaklanır. Hafif bir arka plan üzerinde koyu metin için optimize edildi, bu yüzden tersine çevirdiğinizde bu garip cesur efekt var. Bu opaklık hilesi, karanlıkta açık olsa bile standart bir şekilde görüntülenen bir çözümdür.

Answer 2

Yazı tipi yumuşatmanızın değişmesine neden olan bir şey, css3 animasyonları veya dönüştürmeleri gibi şeyler buna neden olabilir. Deneyin navigasyon metne bu ekleme:

-webkit-font-smoothing: subpixel-antialiased; 

Answer 3

Joren belirtildiği gibi: -webkit-font-yumuşatmayı: Antialiased;

Bu, Chrome + Safari'de çalıştı.