经过数周的故障排除后,我发现这是所有浏览器中最好的字体:
@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会使用其他东西?
感谢。