我正在使用 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。