CSS текст-тень в Chrome

На this page я применил тень текста с заголовками, которые хорошо выглядит в Firefox:CSS текст-тень в Chrome

enter image description here

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

enter image description here

Я видел this suggestion и изменил текст стиль тени от

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

к:

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

Но это не имеет никакого значения. Есть ли что-нибудь, что я могу сделать, чтобы улучшить то, как текстовые тени отображаются в Chrome? В идеале, я бы хотел, чтобы они выглядели одинаково в Chrome, как в Firefox.

источник

2012-02-23 Dónal

это хорошо работает. Я использую chrome 17 на mac ox – sandeep

Кажется, что когда Chrome создает тени, он как-то делает «м» более узкой буквой. Попробуйте установить 'color: rgba (0,0,0,0)', и вы поймете, что я имею в виду. Независимо от того, что вы делаете после этого, буквы 'text-shadow' остаются неудовлетворительными. Также помните о том, что если вы измените шрифт от Верданы до т. Arial, тень кажется ладно. Поэтому я полагаю, что это может быть что-то типа векторов ... Может быть ... –

Если бы я был вами, я бы слегка изменил тень. Измените его на:

text-shadow: 1px 1px 0 black;

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

источник

2012-02-23 12:59:22

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

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);

источник

2012-02-23 13:04:21

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

Хром 17.0.963. Firefox 11.0

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

источник

2012-02-23 13:20:42 Katti

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

проверить его: Antialiased text in Firefox after CSS rotation

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

источник

2014-02-27 21:08:45 mike

CSS текст-тень в Chrome

ответ

Смежные вопросы