1

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

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

有什么建议吗？

编辑： 我在这里创建了一个示例 （它在 Firefox 和 Chrome 中运行良好，但在 Safari 5.1.7 中不适用（至少在 Windows 中不适用））

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

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

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

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

你能告诉我哪个字体显示了这个问题吗？让我知道，我们会从那里拿走它。

希望他们能想出办法:)

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

对于大标题，您可以简单地使用 CSS 更改设置。这样，您在 Firefox 中的起始位置相同：

文本渲染：optimizeSpeed；

这将改变 Firefox 和其他的文本渲染。然后你可以用 lettering.js 紧缩。

我希望这有帮助。如果您还有其他问题，请告诉我。

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

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

使用 Abril Display 在不同浏览器上使用 typekit 进行文本渲染

4

1 回答 1

0

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

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

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

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

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

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

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

于 2012-09-11T14:20:15.577 回答