使用自定义字体中的文本阴影的Webkit浏览器中的问题

时间:2012-03-22 01:57:01

标签: css google-chrome css3

Webkit浏览器(Safari和Chrome)在我的自定义字体(来自TypeKit)上不断切断文本阴影。我不知道我能做些什么来修复它。我一直在四处寻找,但在其他任何地方都找不到类似的问题。

Google Chrome中的屏幕截图 Screenshot in Chrome

在Firefox中看起来很好 Screenshot in Firefox (normal)

任何建议都很棒。谢谢!

2 个答案:

答案 0 :(得分:3)

这是一个问题,因为webkit使文本节点框太小而无法使用该字体。可能是因为它的草书风格等。

在文本末尾添加 ,您会看到它有效。为了抵消创建的额外空间,您可以使用负右边距。如果唯一的问题是标题,这应该可以正常工作......

margin-right: -4px;

在你正确的情况下小心翼翼地使用该值

答案 1 :(得分:0)

在style.css文件的第286行

text-shadow属性的值更改为5px 5px 1px #B2CA52