css – 在Webkit中使用多个文本阴影和负字母间距剪切的像素

我在Webkit中遇到了多个文本阴影和负字母间距的问题,其中最后一个字母上阴影的最后几个像素被切掉了.

好吧,只有某些字母.

在Chrome或Safari中查看this demo(据我所知,它在Firefox和Opera中可以正常工作.)

我知道我还可以使用-webkit-text-stroke,但这会导致这个问题:

有任何想法吗?谢谢.

最佳答案 是的,我会说这是一个绘图错误.当你开始使用负字母间距时,webkit会让字母周围的框裁剪阴影.

我发现通过增加大小和显示更容易看到问题:内联以获得字母周围的折叠框.

http://jsfiddle.net/tMeuB/3/

火狐

从7.0.1版开始

注意阴影如何保持为负字母间距从左到右增加.

苹果浏览器

自版本5.1.1(7534.51.22)起

同样的考验.查看当字母间距增加时阴影如何被裁剪.在第3帧中,您几乎可以看到算法如何计算它.我猜测裁剪量=字形宽度 – 字形框宽度.

点赞