Браузеры Webkit (Safari и Chrome) продолжают отключать текстовую тень на моих пользовательских шрифтах (от TypeKit). Я не знаю, что я могу сделать, чтобы исправить это. Я смотрю вокруг, но havent нашел аналогичную проблему в другом месте.Проблема в браузерах Webkit с текстовой тенью в пользовательских шрифтах
Скриншот в Google Chrome
выглядит отлично в Firefox
Любые предложения было бы удивительным. Благодаря!
Это проблема, потому что webkit делает текстовый узел слишком маленьким, чтобы разместить шрифт. Вероятно, из-за его курсивного стиля и т. Д.
Добавить в конец текста, и вы увидите, что оно работает. Чтобы компенсировать дополнительное пространство, которое создает вас, вы можете использовать отрицательное правое поле. Если проблема только в том заголовки это должно работать нормально ...
margin-right: -4px;
Fiddle Arround со значением, пока вы не получите это право
btw Мне нравятся эти текстовые теневые переходы, это удивительно крутой эффект – sg3s
ах, не самое изящное решение, но определенно работает. Я удивлен, что никто другой не столкнулся с этой проблемой. благодаря! –
на линии 286 Вашего изменения файла style.css значение text-shadow отеля до 5px 5px 1px #B2CA52
Могу ли я увидеть ваш код HTML/CSS? – vivek
Не может помочь без css и разметки. – Scott
Получил это в песочнице. [http://sweetlifefestival.islsandbox.com/so/#food](http://sweetlifefestival.islsandbox.com/so/#food) –