SVG 嵌入字体在 Internet Edge 中被覆盖
SVG embedded font gets overwritten in Internet Edge
我正在使用 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 Legacy 的一个已知问题。我发现 a similar thread 和其他人报告了这个问题。您也可以在 Edge Legacy 中提供您的反馈。
作为暂时的解决方法，如果你不想使用<object>标签，我认为你只能将图片保存为png文件并在Edge Legacy中使用png图片。
我正在使用 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 Legacy 的一个已知问题。我发现 a similar thread 和其他人报告了这个问题。您也可以在 Edge Legacy 中提供您的反馈。
作为暂时的解决方法，如果你不想使用<object>标签，我认为你只能将图片保存为png文件并在Edge Legacy中使用png图片。