Question

我有这个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，它会使用假字体返回图像。

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

SVG上呈现的字体不正确（取决于浏览器）

1 个答案: