Safari 使用 Typekit 和 optimizeLegibility 移除字间距

Question

Safari 使用 Typekit 字体和文本渲染删除单词之间的空格时遇到问题：css 中的 optimizeLegibility ..

它在 Chrome 中运行良好，因此不是 webkit 问题。它在 Firefox 中也很好用。 我想使用 optimizeLegibility 的原因是因为 webkit 浏览器中的字距太可怕了..

有什么建议吗？

编辑： I've created a sample here （它在 Firefox 和 Chrome 中运行良好，但在 Safari 5.1.7 中不适用（至少在 Windows 中不适用））

作为替代方案，如果有人可以帮助我在 Firefox 中获得起点，就像在 Chrome 中一样，我可以使用 lettering.js 或其他东西来手动调整字距。我无法让它与文本渲染一起使用：optimizeSpeed；

编辑： 从 Typekit 得到这个答案：

很抱歉您遇到了这个问题。不幸的是，我们已经看到了一些 这些问题与： Safari 和 Chrome 中的优化易读性。它似乎 非常随机并影响某些字体。

很抱歉，我们对此无能为力 除了使用 Safari/Webkit 提交错误。

您能告诉我是哪种字体显示了问题吗？让我知道和 我们会从那里拿走它。

希望他们能想出办法:)

编辑：我现在从 Typekit 获得了更多答案。

对于大标题，您只需使用 CSS 更改设置即可。 这样你在 Firefox 中的起始位置是一样的：

文本渲染：优化速度；

这将改变 Firefox 和其他的文本渲染。然后你 可以使用 lettering.js 进行字距调整。

我希望这会有所帮助。如果您有任何其他问题，请告诉我。

但是我已经尝试过了，所以我让他们知道了，不幸的是他们无法再帮助我解决这个问题。

我附上了一张图片，展示了它在不同浏览器中的外观，所有浏览器都使用 Windows 7..

Answer 1

这实际上很可能是一个 webkit 问题，因为 webkits 实际上是由苹果发明的！

字体的渲染取决于浏览器，甚至在 typekit 网站上，似乎所有字体的渲染都因浏览器而异。

更好的选择是使用 css3 的 @font-face 新功能并使用您喜欢的任何字体，而无需使用外部服务。

您可能还可以更好地呈现您的文本，因为您可以更好地控制您的内容。

我不确定您的问题出在哪里，但也许这种替代方案会有所帮助。

关于 webkits 的额外信息： http://en.wikipedia.org/wiki/WebKit

如果您查看起源，它会告诉您有关苹果创建 webkit 的信息。