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