在safari上使用自定义字体的字母间距Css?

在safari上使用自定义字体的字母间距Css?,css,fonts,safari,letter-spacing,Css,Fonts,Safari,Letter Spacing,我正在开发一个网站,我刚刚意识到只有在Safari上我的字体呈现有问题,我没有找到解决方案 基本上我在我的网站上使用了两种自定义字体。 其中一个字母间距为0.05em,以符合我的psd文件 我的字体在Chrome、Firefox和Internet explorer上呈现良好。。但对于Safari来说,奇怪的是,它不起作用,字母间距无法呈现。 我在某处读到webkit可能有问题,但如果是这样,为什么它会在chrome上工作? 这真的让safari上的网站很糟糕,我需要找到一个修复方法 我不能相信没

我正在开发一个网站,我刚刚意识到只有在Safari上我的字体呈现有问题,我没有找到解决方案

基本上我在我的网站上使用了两种自定义字体。 其中一个字母间距为0.05em,以符合我的psd文件

我的字体在Chrome、Firefox和Internet explorer上呈现良好。。但对于Safari来说,奇怪的是,它不起作用,字母间距无法呈现。 我在某处读到webkit可能有问题,但如果是这样,为什么它会在chrome上工作? 这真的让safari上的网站很糟糕,我需要找到一个修复方法

我不能相信没有可能解决这个问题

如果你知道的话,我很乐意

下面是我的代码

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');
}
我的段落:

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上的渲染

显然,字母间距不起作用


如果您有任何想法,请再次感谢。

尝试使用像素而不是相对值来表示字母间距。此外,使用整数表示字体大小和行高。众所周知,Safari的舍入方式不同