Проблема в браузерах Webkit с текстовой тенью в пользовательских шрифтах - PullRequest
2 голосов
/ 22 марта 2012

Браузеры Webkit (Safari и Chrome) продолжают обрезать тени текста на моих пользовательских шрифтах (из TypeKit).Я не уверен, что я могу сделать, чтобы это исправить.Я искал вокруг, но не нашел подобную проблему в другом месте.

Снимок экрана в Google Chrome
Screenshot in Chrome

Прекрасно выглядит в Firefox
Screenshot in Firefox (normal)

Любые предложения будут отличными.Спасибо!

Ответы [ 2 ]

3 голосов
/ 22 марта 2012

Это проблема, потому что webkit делает текстовое поле узла слишком маленьким, чтобы разместить шрифт.Вероятно, из-за его курсивного стиля и т. Д.

Добавьте   в конец текста, и вы увидите, что он работает.Чтобы компенсировать дополнительное пространство, которое вы создаете, вы можете использовать отрицательное правое поле.Если единственная проблема заключается в заголовках, это должно работать нормально ...

margin-right: -4px;

Fiddle arround со значением, пока вы не получите его правильно

0 голосов
/ 22 марта 2012

в строке 286 вашего файла style.css измените text-shadow значение свойства на 5px 5px 1px #B2CA52

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...