これは、私を悲しませている 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>
Chrome では正しいように見えますが、Safari では文字間隔が 1 ピクセル増えます。
これを証明するために、に変更するとletter-spacing: -1px
、Safari は問題ないように見えますが、Chrome は押しつぶされたように見えます。