css text-shadow в Chrome

Question

На на этой странице я применил тень к заголовкам, которая хорошо выглядит в Firefox:

Но в Chrome v.17 это выглядит ужасно

Я видел это предложение и изменил стиль тени текста с

text-shadow: 1px 1px 1px black;

до:

text-shadow: 0 0 0 transparent, 1px 1px 1px black;

Но это не имело значения. Что я могу сделать, чтобы улучшить способ визуализации теней в Chrome? В идеале я бы хотел, чтобы в Chrome они выглядели так же, как в Firefox.

Answer 1

На вашем месте я бы немного изменил тень. Меняя его на:

text-shadow: 1px 1px 0 black;

Кажется, чтобы решить проблему здесь, в Chrome.

Answer 2

text-shadow должно быть в следующем формате:

textShadow = color horizontalShadow(px) verticalShadow(px) blur(px);

пример:

text-shadow: rgb (246, 0, 0) 5px 3px 8px;

выход:

Answer 3

проверить это может немного помочь, хотя я не уверен.Кажется, у вас могут быть проблемы сглаживания, и кто-то помог мне исправить сглаживание в каждом браузере.

проверьте его: Сглаженный текст в Firefox после поворота CSS

Это включает в себя включение translate3d (0px, 0px, 1px), так что графический процессор обрабатывает и смягчает псевдонимы

Answer 4

Это нормально работает для меня.

Chrome 17.0.963.Firefox 11.0

Не знаю, что не так.Попробуйте увеличить размер шрифта.!

Answer 5

Попробуйте вместо этого,

   text-shadow: 0px 0px rgba(0,0,0,0.75), 
     0px 1px rgba(0,0,0,0.75), 
     1px 0px rgba(0,0,0,0.75), 
     0px 0px rgba(0,0,0,0.75);