html - safari 5 - 6 和 chrome 中的字体渲染和边距

Question

我使用 jquery 构建了一个介绍动画。在所有浏览器(ff、chrome 和 safari)中，这在我的机器上看起来都很好。

然而，在客户端上，它不是!

客户端截图: http://madmantis.co.uk/debug/screen-shot-client.png

我的截图: http://madmantis.co.uk/debug/screen-shot-vs.png

我只是想不通这里发生了什么....也许与 css 中的换行有关？

我在 safari 6 上，他在 safari 5 上。他在 chrome 中报告了同样的问题，我也没有看到错误。

该网站位于 http://dev.system2.co.uk

感谢您的帮助

Answer 1

Safari 6 中的默认字体渲染方法似乎发生了一些变化。这里有一些可能适合您的 CSS:

html {-webkit-font-smoothing: antialiased}

摘自本主题:Font render safari 6