这是一个给我悲伤的CSS的例子:
@import 'https://fonts.googleapis.com/css?family=Pathway+Gothic+One';
body {
background: #444444;
}
h1 {
font-family: 'Pathway Gothic One';
text-transform: uppercase;
color: #DD0000;
letter-spacing: 0;
text-shadow: 1px 1px 1px black;
}

<h1>Breaking News</h1>
&#13;
在Chrome中,它看起来是正确的,但在Safari中,它会将字母间距增加1个像素。
为了证明这一点,如果我改为letter-spacing: -1px
,Safari看起来很好,但Chrome看起来太压扁了。