SORU
28 EKİM 2010, PERŞEMBE


Google Chrome metin gölgelendirme

Google Chrome text-shadow CSS3 uygulaması son derece rahatsız edici bir kusuru var. Alt-piksel kenar yumuşatma metin-gölge uygulandığında kapalıdır. -Y-font-smoothing miktarı ne olursa onu ikna edemez. Alfa-kanal ham yumuşatma harfleri ile gölge karışık kullanımına izin verir yol açar ve bu karmaşık metin ile birlikte çok çirkin bir görünüm üreten biter. Bu ise el yazı yazma http://www.newfonts.net/index.php?pa=show_font&id=130 tek tip Corsiva gibi kullanılırsa daha belirgin olarak ortaya çıkar

Bu gördüğünüz yerlerden biri açıkça Twitter http://dev.twitter.com/pages/auth. Metin-gölge metin anahat için kullanılır: Krom sayfayı görüntülemek, FF ile karşılaştırmak ya YANİ, ne kadar kötü olduğunu göreceksiniz.

Etkisi tamamen okunamaz hale gelinceye kadar küçük metin ile daha da kötü olur. Konunun teknik tartışma için: http://www.google.com/support/forum/p/Chrome/thread?fid=5d1c0f2082af0f21000483e9a516d36e&hl=en

Bir hata Krom proje (sayı 23440) olarak sunulmuştur. Bu hata, bir yılı aşkın civarında olmuştur ve hala kimse atanmadı. Google geliştiriciler gördü, o kadar önemli değil karar verdi ve yaşı bıraktı. Onlar sadece "popüler" böcekler, etkileyici görünüyor. bu çok saçma! bir uygulama düzeltme çıkıyor Chrome ile hayal kırıklığına uğrattı! Web tipografi ve CSS3 web çok daha güzel bir yer yapmak için daha fazla insan her gün tarafından kullanılır! Bu sorun yavaşlatmak için var utanç verici.

Bu yüzden, ortak bir çaba bu sabit almak için gereklidir. Bu, bloglar yazmak başkalarına anlatmak. http://code.google.com/p/chromium/issues/detail?id=23440 ve bu sorun için oy verebilirsiniz. Yıldız sayfanın üst yan sol (Google Hesabı gerekli - Bazı tip gmail, vb) yer almaktadır tıklayarak yapabilirsiniz.

Şeyleri daha net yapmak için - benim sorum iki hedefi vardır:

  1. Teknik bir çözüm bulmak.
  2. Google Chrome sorunu düzeltme yapmak.

Her bağlantı sorunu hakkında bir makale yayınlanmıştır oy ve teknoloji çözüm veya ortak çaba iyi bir işareti olarak kabul edeceğim.

CEVAP
28 Ocak 2011, Cuma


@sebastian's fix Krom eski sürümleri çalışmayabilir.
Demir Tarayıcı altında ekran görüntüsü (Krom çatal) v3.0.197.0:

Bir gölge ile aynı görünüm ve -webkit-font-smoothing atanmış tüm olanlar -webkit-text-stroke gibi bir etkisi yoktur.

Bunun yerine, bu düzeltme ile geldim kadar tecrübe ettik: http://jsbin.com/acalu4

tldr:zararsız bir diğer gölgen önce 0 0 0 transparent, (s) ekleyin.

Bilinen sorunlar:bazı tarayıcılar sadece 1 text-shadow işleyebilir. Onlara (sadece gölgeleri öldürmek) etkilememek için bu sadece Chrome için javascript ile uygulanmalıdır.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • audivila

    audivila

    5 HAZİRAN 2009
  • Joshua Bane

    Joshua Bane

    24 Temmuz 2007
  • Project Mooncircle

    Project Moon

    6 Aralık 2009