我在Webkit中遇到了多个文本阴影和负字母间距的问题,其中最后一个字母上阴影的最后几个像素被切掉了.
好吧,只有某些字母.
在Chrome或Safari中查看this demo(据我所知,它在Firefox和Opera中可以正常工作.)
我知道我还可以使用-webkit-text-stroke,但这会导致这个问题:
有任何想法吗?谢谢.
最佳答案 是的,我会说这是一个绘图错误.当你开始使用负字母间距时,webkit会让字母周围的框裁剪阴影.
我发现通过增加大小和显示更容易看到问题:内联以获得字母周围的折叠框.
火狐
从7.0.1版开始
注意阴影如何保持为负字母间距从左到右增加.
苹果浏览器
自版本5.1.1(7534.51.22)起
同样的考验.查看当字母间距增加时阴影如何被裁剪.在第3帧中,您几乎可以看到算法如何计算它.我猜测裁剪量=字形宽度 – 字形框宽度.