css - Safari 使用 text-shadow 时增加字母间距

Question

这是一个让我感到悲伤的 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 个像素。

铬屏幕截图

Safari 截图

为了证明这一点，如果我更改为letter-spacing: -1px，Safari 看起来不错，但 Chrome 看起来太扁了。