2

因此，经过数周的故障排除后，我发现这呈现了所有浏览器中最好的字体：

@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;
}

然而，由于大多数浏览器的首选字体现在SVGSafari 似乎处理起来有问题letter-spacing（如 - 它只是忽略它），但 Chrome 却没有。所以我看不出这是一个 Webkit 问题。

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

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

谢谢。

4

0 回答 0