SVG无法在Mac Safari中使用？

Question

以下SVG图标适用于除Mac Safari以外的所有现代浏览器：

<symbol id="text" viewBox="0 0 39 43">
  <title>Add Text</title>
  <text transform="translate(-2 -14)" fill="#FFF" fill-rule="evenodd" font-size="64" font-family="TimesNewRomanPS-BoldMT, Times New Roman" font-weight="bold">
    <tspan x="0" y="57">T</tspan>
  </text>
</symbol>

此外，我以相同方式使用的所有其他图标在Mac Safari中都显示正常。

Mac Safari不喜欢这个图标是什么？

Answer 1

Mac Safari的解决方案是在<text>上放置一个CSS类选择器并移动所有样式。

• 使用SVG属性（如我的原始示例所示）将无效

• 将所有内容移动到样式属性中将无效。

• 注意：我没有测试每个单独的属性，因此有些可能在Mac Safari上正常工作。

• 所有三种方法（单个属性，样式属性和类）似乎在所有其他现代浏览器上都能正常工作。