html - 是否有一种解决方法可以在 Chrome + Safari 的标签中加载的 SVG 中获得适当的字体支持？

Question

我正在使用带有我的 SVG 标记的数据 URI 并将其粘贴在标记的src属性中<img>。在 FireFox 中运行良好，但在 Chrome/Safari 中我失去了字体支持。

见这里：http: //jsfiddle.net/3vhR7/

有没有一种解决方法，我仍然可以使用<img>而不是<embed>or <object>？

编辑：我将此提交给caniuse.com，他们确认这是一个错误

Answer 1

为什么不能使用对象标签？这很容易而且超级有趣。

<object type="image/svg+xml" data="chart.svg">
    <img src="fallback.png" alt="No SVG Support"/>     
</object>

耶！（Monty Python 版本）