css - 在SVG上字体显示不正确(取决于浏览器)

我有这个SVG：

http://wefix.cf/Resources/wefix2.svg

问题在于，在Chrome中看起来不错，但是切换到Internet Explorer时，字体已更改。
我使用的字体是Arial Rounded MT。

我也想将svg转换为png，但是每个执行此操作的在线服务都会返回具有不同字体的图像。为什么会这样呢？

作为一个临时解决方案，我有一个IE查询，以便当浏览器是IE时，将显示以下图像：

http://wefix.cf/Resources/wefix.svg

在Chrome上看起来不太好...

由于某种原因，我无法使svg跨浏览器工作。我无法将它们中的任何一个转换为png，它始终以错误的字体返回图像。

最佳答案

如果http://wefix.cf/Resources/wefix2.svg适用于IE以外的所有浏览器，并且http://wefix.cf/Resources/wefix.svg适用于IE，则可以使用条件注释：

<!--[if IE]>
    <img src="http://wefix.cf/Resources/wefix.svg" alt="Logo" />
<![endif]-->
<!--[if !IE]> -->
        <img src="http://wefix.cf/Resources/wefix2.svg" alt="Logo" />
<!-- <![endif]-->