SVG 嵌入字体在互联网边缘中被覆盖



我正在使用 vecta.io 为我的网站创建SVG图像,其中一些包括嵌入的字体。我只是通过<img src="this.svg">标签嵌入这些。

这在Chrome,Firefox,Internet Explorer上根据需要工作 - 但不能Microsoft Edge。

特别是在 Edge 上,当使用<img>标签时,嵌入的字体会被 Times New Roman 替换 - 但在使用<object>标签插入 SVG 时不会。为了简单起见,我希望使用图像标签,理想情况下避免回退 - 有没有办法在 Edge 上解决这个问题?

下面是问题的示例 - 通过图像标签和对象标签插入嵌入字体的 SVG:https://test123new.smoolis.com/screen/page/test

这似乎是边缘遗产的一个已知问题。我发现了一个类似的线程,其他人也报告了这个问题。您还可以在 Edge 旧版中提供反馈。

作为现在的解决方法,如果您不想使用<object>标签,我认为您只能将图片另存为 png 文件并在 Edge Legacy 中使用 png pic。

最新更新