我正在使用vecta.io为我的网站创建SVG图片,其中一些图片包含了嵌入式字体。我只是通过一个 <img src="this.svg">
标签。
这在Chrome、Firefox、Internet Explorer上可以根据需要工作,但在Microsoft Edge上却不能。
特别是在Edge上,当使用 "Times New Roman "标签时,嵌入的字体会被Times New Roman替换。<img>
标签--但在使用 <object>
标签来插入SVG。我希望使用图像标签来简化,最好能避免回退--在Edge上有办法解决这个问题吗?
下面是一个问题的例子--一个通过图像标签和对象标签插入了嵌入式字体的SVG。https:/test123new.smoolis.comscreenpagetest。
这似乎是Edge Legacy的一个已知问题。我发现 同道 和其他人已经报告了这个问题。你也可以在Edge Legacy中提供你的反馈。
作为一个变通办法,现在,如果你不想使用 <object>
标签,我认为你只能将图片保存为png文件,并在Edge Legacy中使用png pic。