CSS字母间距不适用于Safari中的SVG字体吗?

时间:2013-04-20 15:09:54

标签: css safari font-face

标题几乎说明了一切。我正在使用font squirrel生成font-face工具包,我在Safari中遇到字母间距问题。

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

2 个答案:

答案 0 :(得分: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中工作正常我现在使用的是Chrome版本26。 我没有安装safari,因为我不是野生动物园的粉丝之一。 :)

答案 1 :(得分:2)

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

该错误的最新消息是它被2013-03-22上或之前的Chromium开发人员接收,这是一个重大进展,因为该错误在unassigned持续了将近4年。

鉴于最近修复了其他排版/对齐类型的错误(例如99439,这与实现text-align-last有关),似乎WebKit开发社区正在关注一些这些问题发生了。

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

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