Safari字体 - 字母间距

时间:2012-09-03 13:54:19

标签: css fonts font-face

经过数周的故障排除后,我发现这是所有浏览器中最好的字体:

@font-face {
font-family: 'GothamBook';
src: url('../fonts/gotham-book-webfont.eot');
src: url('../fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gotham-book-webfont.svg#gotham_bookregular') format('svg'),
     url('../fonts/gotham-book-webfont.woff') format('woff'),
     url('../fonts/gotham-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

但是,由于大多数浏览器的首选字体现在为SVG,因此Safari似乎无法处理letter-spacing(因为 - 它只是忽略它),但Chrome不会。所以我不认为这是一个Webkit问题。

将SVG放在列表的底部会使chrome在其上使用另一种格式,导致渲染非常糟糕且没有抗锯齿,这就是我更喜欢使用SVG的原因。

那么有没有办法解决Safari忽略SVG字体字母间距或重新排列字体源列表的问题,以便SVG仍在Chrome中使用,但Safari会使用其他东西?

感谢。

0 个答案:

没有答案