CSS 字母间距是否不适用于 Safari 中的 SVG 字体？答案

【问题标题】：Does CSS letter-spacing not work with SVG fonts in Safari?CSS 字母间距是否不适用于 Safari 中的 SVG 字体？
【发布时间】：2013-04-13 20:44:44
【问题描述】：

标题几乎说明了一切。我正在使用字体松鼠生成字体套件，但在 Safari 中遇到了字母间距问题。

由于 webkit 浏览器渲染 SVG 字体比 WOFF 字体好得多，我显然想使用 SVG。但是我注意到字母间距似乎在 Safari 中不起作用。这是一个已知问题吗？

【问题讨论】：

看看这些答案是否对您有帮助：stackoverflow.com/a/3836140/684932 无论如何，我发现的大多数信息都是已知问题，即 Safari 上的字母间距仅适用于像素，不适用于低于1像素。但我发现的大多数东西都是 2010-2012 年的，没有什么相对“新”的东西。
Btw 似乎适用于指向 Safari 错误的 Chrome，而不是 Webkit。
我的问题只是字母间距根本不适用于 svg 字体。与十进制像素值无关。这绝对是一个野生动物园错误。稍后我会在我的电脑前演奏一把小提琴来演示它。

标签： css safari font-face

【解决方案1】：

正如 MarmiK 所指出的，这是 WebKit 错误列表中的 known issue（错误 #20606）。它影响整个 WebKit 的事实意味着它应该出现在 Chrome、Safari 和任何其他 WebKit 浏览器中。

然而，关于该错误的最新消息是，它是由一位 Chromium 开发人员在 2013-03-22 或其附近发现的，这是一项重大进展，因为该错误在 unassigned 持续了近 4 年。

鉴于最近已经修复了其他印刷/对齐类型的错误（例如 99439，这与实现 text-align-last 有关），似乎 WebKit 开发社区正在关注其中一些问题。

如果您想跟踪有关此问题的持续发展，请继续关注Bug 20606 History，或跟踪Bug 20606 Discussion。第一个链接将向您显示与错误及其开发工作相关的进度/提交/编辑。第二个将向您展示用户/开发人员围绕该错误的对话，以及 Build Bot 的 auto-generated commentary，因为它针对任何相关的签入代码运行单元测试。

最后，要根据此实现的其他基准检查您首选浏览器的任何给定版本，请查看this link。左上角将显示浏览器的渲染，下面的屏幕截图将显示其他浏览器（此时有点过时） - 以及它们如何实现非整数 letter-spacing 值。或者，您可以参考this jsFiddle 看到类似的内容。

【讨论】：

【解决方案2】：

可能你可以参考以前的帖子，

Safari, letter-spacing with custom font

Is there a way to make css letter-spacing: 0.5 px?

Safari Bug

此错误链接说使用 JavaScript 您可以分配间距。它的奇怪错误..

我相信这个链接会给你一些见解..

我找到了一个小提琴[Fiddle]4

这会减少您的工作量，也许这在 Chrome 中可以正常工作，现在我使用的是 26 版 Chrome。我没有安装 safari，因为我不是 safari 爱好者之一。 :)

【讨论】：