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

Question

我有这个SVG:

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

问题是，在Chrome中，它看起来很好，但当切换到Internet explorer时，字体会发生变化。我使用的字体是Arial圆形MT.

我还想把svg转换成png，但每一个这样做的在线服务都会用不同的字体返回图像。为什么会发生这种情况？

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

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

这在Chrome上看起来不太好。。。

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

Answer 1

如果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]-->