字母间距Css与Safari上的自定义字体？

Question

我正在开发一个网站，我刚刚意识到我的字体渲染存在问题，仅在Safari上，我找不到解决方案。

基本上我在我的网站上使用了两种自定义字体。 一个字母间距为0.05em，以尊重我的psd文件。

我的字体在Chrome，Firefox，Internet Explorer上呈现得很好..但对于Safari，奇怪的是，它不起作用，字母间距不会呈现。 我在某处读到这可能是webkit的一个问题，但如果是这样的话，为什么它会在chrome上工作呢？ 这真的让网站在野生动物园上变得非常糟糕，我需要找到一个解决办法。

我无法相信没有可能的解决办法。

如果您有任何想法，那将是愉快的。

以下是我的代码。

Css声明字体：

@font-face {
    font-family: 'univers_lt_std_59_ultracnRg';
    src: url('fonts/univers-lt-std-59-ultra-condensed-webfont.eot');
    src: url('fonts/univers-lt-std-59-ultra-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/univers-lt-std-59-ultra-condensed-webfont.woff') format('woff'),
         url('fonts/univers-lt-std-59-ultra-condensed-webfont.ttf') format('truetype'),
         url('fonts/univers-lt-std-59-ultra-condensed-webfont.svg#univers_lt_std_59_ultracnRg') format('svg');
}

我段落的Css：

color: #57585a;
font-family: 'univers_lt_std_59_ultracnRg';
letter-spacing: 0.05em;
font-size: 19.58px;
text-transform: uppercase;
-webkit-font-kerning: initial;
line-height: 26.47px;

在Chrome Firefox和Internet Explorer上呈现

在Safari上渲染

显然字母间距不起作用..

如果你有任何想法再次感谢。

Answer 1

尝试使用像素而不是字母间距的相对值。另外，使用圆形数字表示font-size和line-height。众所周知，Safari可以采用不同的方式。