SVG嵌入字体在Internet边缘中被覆盖

SVG嵌入字体在Internet边缘中被覆盖,svg,fonts,microsoft-edge,Svg,Fonts,Microsoft Edge,我正在使用vecta.io为我的网站创建SVG图像,其中一些包括嵌入式字体。我只是通过一个标签来嵌入它们 这可以在Chrome、Firefox、Internet Explorer上根据需要工作,但不能在Microsoft Edge上工作 特别是在Edge上,当使用标记时,嵌入的字体会被Times New Roman替换,但在使用标记插入SVG时则不会。为了简单起见,我希望使用图像标签,并在理想情况下避免回退——有没有办法在边缘解决这个问题 下面是一个问题示例—一个通过图像标记和对象标记插入嵌入式

我正在使用vecta.io为我的网站创建SVG图像,其中一些包括嵌入式字体。我只是通过一个标签来嵌入它们

这可以在Chrome、Firefox、Internet Explorer上根据需要工作,但不能在Microsoft Edge上工作

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


下面是一个问题示例—一个通过图像标记和对象标记插入嵌入式字体的SVG:

这似乎是一个已知的边缘遗留问题。我发现和其他人已经报告了这个问题。您还可以在Edge Legacy中提供反馈

作为目前的解决办法,如果您不想使用标签,我认为您只能将图片保存为png文件,并在Edge Legacy中使用png pic