问SVG嵌入式字体在Internet Edge中被覆盖
EN

Stack Overflow用户

提问于 2020-05-18 09:59:55

回答 1查看 149关注 0票数 0

我正在使用vecta.io为我的网站创建SVG图像，其中有些包括嵌入式字体。我简单地通过一个<img src="this.svg">标记嵌入这些内容。

这可以在Chrome，Firefox，Internet上根据需要工作，但不适用于Microsoft。

特别是在Edge上，当使用<img>标记时，嵌入的字体会被Times替换--但是当使用<object>标记插入SVG时就不会了。为了简单起见，我希望使用图像标记，并在理想情况下避免出现退步--在Edge上有解决这个问题的方法吗？

下面是这个问题的一个例子-一个带有嵌入字体的SVG，通过图像标记和对象标记插入：https://test123new.smoolis.com/screen/page/test

回答已采纳

发布于 2020-05-18 21:26:42

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

作为一种解决方案，如果您不想使用<object>标记，我认为您只能将图片保存为png文件，并在边缘遗产中使用pic。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61876004

复制

相似问题

问SVG嵌入式字体在Internet Edge中被覆盖EN