【问题标题】:SVG fonts broken in Safari?SVG 字体在 Safari 中损坏?
【发布时间】:2012-06-01 20:46:40
【问题描述】:

Demo

这是一些生成几行文本的简单 JS。它在 FF、Chrome、Opera 和 IE9 中呈现良好,而在 Safari(在 Win7 上)中呈现不佳:文本有各种伪像,并且通常看起来像是被遮蔽了。它实际上在我的生产站点上看起来比这更糟糕,但它是安全的,所以我不能发布链接。

该网站最初有一些有限的文本和大量复杂的图形,并且在所有 5 种浏览器上都可以很好地呈现。我添加了更多文本,但现在无法在 Safari 中使用。我认为转换可能会更糟 - 尝试缩放 jsfiddle,您会看到伪影根据缩放出现和消失。

有什么想法吗? Safari 刚刚坏了吗?

【问题讨论】:

  • 如果你不在文本上使用笔画,伪影会消失吗?
  • 是的,解决了它。我已删除生产站点上的所有文本笔划,这也已修复。似乎没有为此提交错误(大概它一个错误?)。谢谢 - 如果你重新发布作为答案,我会接受,但我怀疑你有太多需要担心的点:)

标签: svg safari


【解决方案1】:

在文本上描边比填充文本要重,因此 Safari 很可能在那里采取了一些捷径(可能是出于性能原因),从而导致渲染质量受到影响。但这也可能只是一个正常的错误。

不管怎样,去掉文字上的笔触,看起来应该会更好。

【讨论】:

    猜你喜欢
    • 2016-10-03
    • 2016-07-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-09-18
    • 1970-01-01
    • 2010-10-11
    • 2019-07-16
    相关资源
    最近更新 更多